ValidityState

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since December 2018.

Die ValidityState-Schnittstelle repräsentiert die Gültigkeitszustände, in denen sich ein Element befinden kann, im Hinblick auf die Einschränkungsvalidierung. Zusammen helfen sie zu erklären, warum der Wert eines Elements nicht gültig ist, wenn er nicht validiert wird.

Instanz-Eigenschaften

Für jede dieser booleschen Eigenschaften zeigt ein Wert von true an, dass der angegebene Grund für das Scheitern der Validierung zutrifft, mit Ausnahme der valid-Eigenschaft, die true ist, wenn der Wert des Elements alle Einschränkungen erfüllt.

badInput Nur lesbar

Ein boolescher Wert, der true ist, wenn der Benutzer eine Eingabe bereitgestellt hat, die der Browser nicht konvertieren kann.

customError Nur lesbar

Ein boolescher Wert, der anzeigt, ob die benutzerdefinierte Fehlermeldung des Elements auf eine nicht-leere Zeichenfolge gesetzt wurde, indem die Methode setCustomValidity() des Elements aufgerufen wurde.

patternMismatch Nur lesbar

Ein boolescher Wert, der true ist, wenn der Wert nicht dem angegebenen pattern entspricht, und false, wenn er es tut. Bei true entspricht das Element der :invalid CSS-Pseudoklasse.

rangeOverflow Nur lesbar

Ein boolescher Wert, der true ist, wenn der Wert größer ist als das durch das max Attribut festgelegte Maximum, oder false, wenn er kleiner oder gleich dem Maximum ist. Bei true entspricht das Element den CSS-Pseudoklassen :invalid und :out-of-range.

rangeUnderflow Nur lesbar

Ein boolescher Wert, der true ist, wenn der Wert kleiner ist als das durch das min Attribut festgelegte Minimum, oder false, wenn er größer oder gleich dem Minimum ist. Bei true entspricht das Element den CSS-Pseudoklassen :invalid und :out-of-range.

stepMismatch Nur lesbar

Ein boolescher Wert, der true ist, wenn der Wert nicht zu den durch das step Attribut festgelegten Regeln passt (d. h., er ist nicht gleichmäßig durch den Schrittwert teilbar), oder false, wenn er zu den Schrittregeln passt. Bei true entspricht das Element der :invalid CSS-Pseudoklasse.

tooLong Nur lesbar

Ein boolescher Wert, der true ist, wenn der Wert die für HTMLInputElement oder HTMLTextAreaElement Objekte angegebene maxlength überschreitet, oder false, wenn seine Länge kleiner oder gleich der maximalen Länge ist. Hinweis: Diese Eigenschaft ist in Gecko niemals true, da die Werte von Elementen daran gehindert werden, länger als maxlength zu sein. Bei true entspricht das Element den CSS-Pseudoklassen :invalid und :out-of-range.

tooShort Nur lesbar

Ein boolescher Wert, der true ist, wenn der Wert die für HTMLInputElement oder HTMLTextAreaElement Objekte angegebene minlength nicht erfüllt, oder false, wenn seine Länge größer oder gleich der Mindestlänge ist. Bei true entspricht das Element den CSS-Pseudoklassen :invalid und :out-of-range.

typeMismatch Nur lesbar

Ein boolescher Wert, der true ist, wenn der Wert nicht der erforderlichen Syntax entspricht (wenn type email oder url ist), oder false, wenn die Syntax korrekt ist. Bei true entspricht das Element der :invalid CSS-Pseudoklasse.

valid Nur lesbar

Ein boolescher Wert, der true ist, wenn das Element alle seine Validierungseinschränkungen erfüllt und daher als gültig angesehen wird, oder false, wenn es eine Einschränkung nicht erfüllt. Bei true entspricht das Element der :valid CSS-Pseudoklasse; andernfalls der :invalid CSS-Pseudoklasse.

valueMissing Nur lesbar

Ein boolescher Wert, der true ist, wenn das Element ein required Attribut hat, aber keinen Wert, oder false anders. Bei true entspricht das Element der :invalid CSS-Pseudoklasse.

Spezifikationen

Specification
HTML Standard
# the-constraint-validation-api:validitystate-3

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch