ElementInternals: метод setValidity()
Базовая версия 2023
Новое
С марта 2023 года данная функция работает на последних версиях устройств и браузеров. Возможны проблемы с работой на более старых устройствах или браузерах.
Метод setValidity() интерфейса ElementInternals устанавливает действительность элемента.
Синтаксис
setValidity(flags) setValidity(flags, message) setValidity(flags, message, anchor)
Параметры
flagsНеобязательно-
Объект со словарем, содержащим один или несколько флагов, указывающих состояние действительности элемента:
valueMissing-
Булево значение, равное
trueесли у элемента есть атрибутrequired, но нет значения, илиfalseв противном случае. Еслиtrue, элемент соответствует псевдоклассу CSS:invalid. typeMismatch-
Булево значение, равное
trueесли значение не соответствует требуемому синтаксису (когдаtypeравенemailилиurl), илиfalseесли синтаксис верен. Еслиtrue, элемент соответствует псевдоклассу CSS:invalid. patternMismatch-
Булево значение, равное
trueесли значение не соответствует указанномуpattern, иfalseесли соответствует. Еслиtrue, элемент соответствует псевдоклассу CSS:invalid. tooLong-
Булево значение, равное
trueесли значение превышает указанныйmaxlengthдля объектовHTMLInputElementилиHTMLTextAreaElement, илиfalseесли длина меньше или равна максимальной длине. Еслиtrue, элемент соответствует псевдоклассам CSS:invalidи:out-of-range. tooShort-
Булево значение, равное
trueесли значение не соответствует указанномуminlengthдля объектовHTMLInputElementилиHTMLTextAreaElement, илиfalseесли длина больше или равна минимальной. Еслиtrue, элемент соответствует псевдоклассам CSS:invalidи:out-of-range. rangeUnderflow-
Булево значение, равное
trueесли значение меньше минимального, указанного в атрибутеmin, илиfalseесли оно больше или равно минимальному. Еслиtrue, элемент соответствует псевдоклассам CSS:invalidи:out-of-range. rangeOverflow-
Булево значение, равное
trueесли значение больше максимального, указанного в атрибутеmax, илиfalseесли оно меньше или равно максимальному. Еслиtrue, элемент соответствует псевдоклассам CSS:invalidи:out-of-rangeи CSS. stepMismatch-
Булево значение, равное
trueесли значение не соответствует правилам, определённым атрибутомstep(то есть не делится нацело на значение шага), илиfalseесли соответствует правилу шага. Еслиtrue, элемент соответствует псевдоклассам CSS:invalidи:out-of-range. badInput-
Булево значение, равное
trueесли пользователь ввёл данные, которые браузер не может преобразовать. customError-
Булево значение, указывающее, было ли сообщение об ошибке элемента установлено в непустую строку путём вызова метода элемента
setCustomValidity().
Примечание: Чтобы установить все флаги в
false, указывая, что этот элемент проходит проверку всех ограничений, передайте пустой объект{}. В этом случае не нужно также передаватьmessage. messageНеобязательно-
Строка, содержащая сообщение, которое будет установлено, если какие-либо
flagsявляютсяtrue. Этот параметр необязателен только если всеflagsявляютсяfalse. anchorНеобязательно-
Элемент
HTMLElement, который может использоваться пользовательским агентом для сообщения о проблемах с отправкой формы.
Возвращаемое значение
None (undefined).
Исключения
-
NotSupportedErrorDOMException -
Выбрасывается, если свойство элемента
formAssociatedне установлено в значениеtrue. TypeError-
Выбрасывается, если один или несколько
flagsимеет значениеtrue. -
NotFoundErrorDOMException -
Выбрасывается, если
anchorзадано, но якорная ссылка не является потомком элемента, включающим тени.
Примеры
В следующем примере setValidity вызывается с пустым параметром flags, чтобы указать, что элемент соответствует правилам проверки ограничений.
this.internals_.setValidity({});
В следующем примере setValidity вызывается с флагом valueMissing установленным в true. Тогда также должен быть передан параметр message содержащий сообщение.
this.internals_.setValidity({ valueMissing: true }, "my message");
Спецификации
| Спецификация |
|---|
| HTML # dom-elementinternals-setvalidity |
Совместимость с браузерами
| Рабочий стол | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
setValidity |
77 | 79 | 98 | 64 | 16.4 | 77 | 98 | 55 | 16.4 | 12.0 | 77 |
© 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/ElementInternals/setValidity