HTMLTextAreaElement: метод setCustomValidity()

Базовая Широко поддерживается

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с декабря 2018 года.

Метод setCustomValidity() интерфейса HTMLTextAreaElement устанавливает пользовательское сообщение о валидности для элемента <textarea>. Используйте пустую строку, чтобы указать, что у элемента нет пользовательской ошибки валидности.

Синтаксис

setCustomValidity(string)

Параметры

string: Строка, содержащая сообщение об ошибке. Пустая строка удаляет любые пользовательские ошибки валидности.

Возвращаемое значение

Ничего (undefined).

Примеры

В этом примере, если значение <textarea> не проходит проверку валидности, мы предоставляем пользовательские ошибки, основанные на ограничении, которое не проходит проверку. Если значение валидно, мы устанавливаем пользовательскую ошибку в пустую строку:

const comment = document.getElementById("comment");
if (comment.validity.valueMissing) {
  comment.setCustomValidity("We can't submit a blank comment!");
} else if (comment.validity.tooShort) {
  comment.setCustomValidity("Tell us more! Your comment is too short.");
} else if (comment.validity.tooLong) {
  comment.setCustomValidity(
    "Loquacious much? Keep it to under 800 characters!",
  );
} else {
  comment.setCustomValidity("");
}

Спецификации

Спецификация
HTML # dom-cva-setcustomvalidity-dev

Совместимость браузеров

	Рабочий стол					Мобильный
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox for Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`setCustomValidity`	4 Этот метод обновляет только всплывающее окно с ошибками валидации, а не подсказку, которая появляется при наведении курсора на элемент, см. ошибку 41380670.	12	4	≤12.1	5	18 Этот метод обновляет только всплывающее окно с ошибками валидации, а не подсказку, которая появляется при наведении курсора на элемент, см. ошибку 41380670.	4	≤12.1	5	1.0 Этот метод обновляет только всплывающее окно с ошибками валидации, а не подсказку, которая появляется при наведении курсора на элемент, см. ошибку 41380670.	≤37

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLTextAreaElement/setCustomValidity