Использование validity.customError или взлома validity для запуска определенной функции JS

Question

Я создаю поле ввода типа text и хочу использовать валидность HTML для запуска функции JS в качестве проверки валидности.Как используется validity.customError или как этого добиться?

Спасибо - Caius

Answer 1

Для запуска validity.customError вы должны установить element.setCustomValidity(message) в событии oninput или onsubmit. Вот простой пример , сначала форма:

<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('');
    }
});