使用validity.customError或黑客有效性来运行特定的JS函数

Question

我正在创建一个text类型的输入字段，我想使用HTML有效性来运行JS函数作为有效性检查。如何使用validity.customError，或者我该如何实现？

谢谢 - Caius

Answer 1

要触发validity.customError，您应该在element.setCustomValidity(message)或oninput事件中设置onsubmit。 Here's a simple example，首先是表单：

<form target="#" method="post" >
    <label>Enter Rob: <input id="rob" required></label>
    <br/>
    <input type="submit">
</form>

这是JS，jQuery用于事件绑定：

$('form').bind('input', function() {
    var r = $('#rob')[0];
    if (r.value !== 'Rob') {
        r.setCustomValidity('You did not enter Rob');
    } else {
        r.setCustomValidity('');
    }
});