HTMLOutputElement: свойство validity

Чтение только свойство validity интерфейса HTMLOutputElement возвращает объект ValidityState, который представляет состояния валидности этого элемента. Хотя элементы <output> никогда не являются кандидатами для проверки ограничений, состояние валидности может быть невалидным, если было установлено пользовательское сообщение о валидности.

Объект ValidityState.

Следующий пример демонстрирует, что элемент <output> находится в невалидном состоянии, когда задан customError; в этом состоянии, checkValidity() возвращает true, в то время как свойство validityState элемента validity имеет значение false.

const output = document.getElementById("myOutput");
output.setCustomValidity("This object element is invalid.");
const validityState = output.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(output.checkValidity()); // true

• HTMLOutputElement.checkValidity()
• <output>
• <form>
• Изучение: Проверка форм на стороне клиента
• Руководство: Проверка ограничений