ElementInternals: setValidity() Methode
Baseline 2023
Newly available
Since March 2023, this feature works across the latest devices and browser versions. This feature might not work in older devices or browsers.
Die setValidity()
Methode der ElementInternals
Schnittstelle setzt die Gültigkeit des Elements.
Syntax
setValidity(flags)
setValidity(flags, message)
setValidity(flags, message, anchor)
Parameter
flags
Optional-
Ein Wörterbuch-Objekt, das ein oder mehrere Flags enthält, die den Gültigkeitszustand des Elements anzeigen:
valueMissing
-
Ein boolescher Wert, der
true
ist, wenn das Element einrequired
Attribut hat, aber keinen Wert, oderfalse
andernfalls. Wenntrue
, entspricht das Element der:invalid
CSS-Pseudoklasse. typeMismatch
-
Ein boolescher Wert, der
true
ist, wenn der Wert nicht im erforderlichen Syntaxformat ist (wenntype
email
oderurl
ist), oderfalse
, wenn der Syntax korrekt ist. Wenntrue
, entspricht das Element der:invalid
CSS-Pseudoklasse. patternMismatch
-
Ein boolescher Wert, der
true
ist, wenn der Wert dem angegebenenpattern
nicht entspricht, undfalse
, wenn er passt. Wenntrue
, entspricht das Element der:invalid
CSS-Pseudoklasse. tooLong
-
Ein boolescher Wert, der
true
ist, wenn der Wert die angegebenemaxlength
fürHTMLInputElement
oderHTMLTextAreaElement
Objekte überschreitet, oderfalse
, wenn seine Länge kleiner oder gleich der maximalen Länge ist. Wenntrue
, entspricht das Element den CSS-Pseudoklassen:invalid
und:out-of-range
. tooShort
-
Ein boolescher Wert, der
true
ist, wenn der Wert die angegebeneminlength
fürHTMLInputElement
oderHTMLTextAreaElement
Objekte nicht erfüllt, oderfalse
, wenn seine Länge größer oder gleich der minimalen Länge ist. Wenntrue
, entspricht das Element den CSS-Pseudoklassen:invalid
und:out-of-range
. rangeUnderflow
-
Ein boolescher Wert, der
true
ist, wenn der Wert kleiner ist als das durch dasmin
Attribut angegebene Minimum, oderfalse
, wenn er größer oder gleich dem Minimum ist. Wenntrue
, entspricht das Element den CSS-Pseudoklassen:invalid
und:out-of-range
. rangeOverflow
-
Ein boolescher Wert, der
true
ist, wenn der Wert größer ist als das durch dasmax
Attribut angegebene Maximum, oderfalse
, wenn er kleiner oder gleich dem Maximum ist. Wenntrue
, entspricht das Element den CSS-Pseudoklassen:invalid
und:out-of-range
. stepMismatch
-
Ein boolescher Wert, der
true
ist, wenn der Wert nicht den durch dasstep
Attribut festgelegten Regeln entspricht (das heißt, er ist nicht gleichmäßig durch den Schrittwert teilbar), oderfalse
, wenn er der Schrittregel entspricht. Wenntrue
, entspricht das Element den CSS-Pseudoklassen:invalid
und:out-of-range
. badInput
-
Ein boolescher Wert, der
true
ist, wenn der Benutzer eine Eingabe gemacht hat, die der Browser nicht umwandeln kann. customError
-
Ein boolescher Wert, der anzeigt, ob die benutzerdefinierte Gültigkeitsnachricht des Elements durch den Aufruf der Methode
setCustomValidity()
des Elements auf einen nicht-leeren String gesetzt wurde.
Hinweis: Um alle Flags auf
false
zu setzen, was darauf hinweist, dass dieses Element alle Validierungsregeln erfüllt, geben Sie ein leeres Objekt{}
ein. In diesem Fall müssen Sie auch keinemessage
übergeben. message
Optional-
Ein String, der eine Nachricht enthält, die gesetzt wird, wenn irgendein
flags
auftrue
steht. Dieser Parameter ist nur optional, wenn alleflags
false
sind. anchor
Optional-
Ein
HTMLElement
, das vom Benutzeragenten verwendet werden kann, um Probleme bei dieser Formularübermittlung zu melden.
Rückgabewert
Keiner (undefined
).
Ausnahmen
NotSupportedError
DOMException
-
Ausgelöst, wenn das Element nicht seine
formAssociated
Eigenschaft zutrue
gesetzt hat. TypeError
-
Ausgelöst, wenn eines oder mehrere
flags
true
sind. NotFoundError
DOMException
-
Ausgelöst, wenn
anchor
angegeben ist, aber das Ziel nicht ein Schatten-inkludierender Nachfahre des Elements ist.
Beispiele
Im folgenden Beispiel wird setValidity
mit einem leeren flags
Parameter aufgerufen, um anzuzeigen, dass das Element die Validierungsregeln erfüllt.
this.internals_.setValidity({});
Im folgenden Beispiel wird setValidity
mit dem Flag valueMissing
auf true
gesetzt aufgerufen. Ein message
Parameter muss dann auch übergeben werden, der eine Nachricht enthält.
this.internals_.setValidity({ valueMissing: true }, "my message");
Spezifikationen
Specification |
---|
HTML Standard # dom-elementinternals-setvalidity |
Browser-Kompatibilität
BCD tables only load in the browser