HTMLButtonElement: свойство validity

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

Объект ValidityState.

В следующем примере показано, что <button> находится в недопустимом состоянии, когда устанавливается customError; в этом состоянии свойство validityState объекта validity равно false, в то время как checkValidity() возвращает true если тип кнопки type не "submit", так как такие кнопки не являются кандидатами для валидации ограничений.

const button = document.getElementById("myButton");
button.setCustomValidity("This button is invalid.");
const validityState = button.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(button.checkValidity()); // false if the button is of the "submit" type, true otherwise

• HTMLButtonElement.checkValidity()
• <button>
• <form>
• Изучение: Валидация форм на стороне клиента
• Руководство: Валидация ограничений