运行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

找到了另一种方法来解决这个问题，如果有人知道我最初的问题的答案，请告诉我，无论如何都很高兴知道:)

webshim就像这样简单：

        @Html.TextBoxFor(x => x.MessageHeader)
        <textarea id="MessageText" name="MessageText" data-dependent-validation='{"from": "MessageHeader", "prop": "required", "toggle": true}' />

更多信息请点击此处：http://afarkas.github.io/webshim/demos/demos/webforms/4-webforms-custom-validity.html

Answer 2

@David Larson

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

这意味着，如果你使用这个助手addCustomValidityRule，它将立即在所有输入、选择和文本区域元素上运行该函数，并且如果它检测到更改。(更改事件)。

如果你想调用这个函数，只需在给定的元素上触发事件'refreshCustomValidityRules‘。