ElementInternals: метод checkValidity()

Метод checkValidity() интерфейса ElementInternals проверяет, соответствует ли элемент правилам проверки ограничений, применённым к нему.

Если checkValidity возвращает false, то на элементе генерируется отменяемое событие invalid.

Нет.

Булево значение, true если элемент удовлетворяет всем ограничениям проверки.

NotSupportedError DOMException

Выбрасывается, если свойство formAssociated элемента не установлено в значение true.

В следующем примере ElementInternals.setValidity() используется для указания того, что элемент не соответствует правилам проверки. Вызов checkValidity() возвращает false. После повторного вызова setValidity, на этот раз указав, что все правила имеют значение false, checkValidity() возвращает true.

let element = document.getElementById("join-checkbox");
element.internals_.setValidity({ valueMissing: true }, "my message");
console.log(element.internals_.checkValidity()); // false
element.internals_.setValidity({});
console.log(element.internals_.checkValidity()); // true