ElementInternals: свойство willValidate

Чтение только свойство willValidate интерфейса ElementInternals возвращает true, если элемент является элементом отправки, который является кандидатом для валидации ограничений.

Элементы, которые не могут быть кандидатами для валидации ограничений, включают те, у которых установлены атрибуты: disabled, hidden или readonly, элементы ввода типа type=button или type=reset, или любой элемент, который является элементом <datalist> или имеет предка типа <datalist>.

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

NotSupportedError DOMException

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

В следующем примере показан пользовательский компонент флажка с formAssociated установленным в true, значение willValidate выводится в консоль.

class CustomCheckbox extends HTMLElement {
  static formAssociated = true;

  constructor() {
    super();
    this.internals_ = this.attachInternals();
  }

  // …
}

window.customElements.define("custom-checkbox", CustomCheckbox);

let element = document.getElementById("custom-checkbox");
console.log(element.internals_.willValidate); // true