javascript - 运行 webshim "addCustomValidityRule"

Question

我使用 webshim 检查两个文本输入之一是否有文本，并认为自定义有效性听起来正确。 http://afarkas.github.io/webshim/demos/demos/webforms/4-webforms-custom-validity.html

有一个名为 addCustomValidityRule 的方法，如下所示:

$.webshims.addCustomValidityRule('testname', function (elem, value) {
    if (value && $(elem).hasClass('test-class') && value != 'foo bar baz') {
        return true; //means yes, it's not valid
    } else {
        return false; //no, it is valid
    }
}, 'you have to enter foo bar baz');

但是我找不到任何方法来触发它。如何在“提交点击”时触发或运行它？

Answer 1

@大卫·拉尔森

HTML5 表单验证使用 setCustomValidity 通过 customError 将输入标记为无效。不幸的是，尽快将字段标记为无效(提交事件为时已晚)。

这意味着，如果您使用此帮助器 addCustomValidityRule，它将立即在所有 input、select 和 textarea 元素上运行该函数，并且如果它检测到更改也是如此。 (更改事件)。

如果您想调用此函数，只需在给定元素上触发事件“refreshCustomValidityRules”即可。