ElementInternals: метод reportValidity()

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

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

Этот метод работает аналогично методу ElementInternals.checkValidity(), но дополнительно отправляет значение ElementInternals.validationMessage в пользовательский агент для отображения.

Нет.

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

NotSupportedError DOMException

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

В следующем примере используется ElementInternals.setValidity(), чтобы указать, что элемент не соответствует правилам валидации. Вызов reportValidity() возвращает false, и значение "my message" отправляется в пользовательский агент для отображения.

После повторного вызова setValidity, на этот раз указав, что все правила помечены как false, reportValidity() возвращает true.

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