ElementInternals: свойство validity

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

Объект ValidityState.

NotSupportedError DOMException

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

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

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_.validity.valid);