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.

Das ValidityState-Interface repräsentiert die Gültigkeitszustände, in denen sich ein Element in Bezug auf die Einschränkungsvalidierung befinden kann. Zusammen helfen sie zu erklären, warum der Wert eines Elements ungültig ist, wenn er die Validierung nicht besteht.

Instanz-Eigenschaften

Für jede dieser booleschen Eigenschaften zeigt ein Wert von true an, dass der angegebene Grund, warum die Validierung fehlgeschlagen sein könnte, zutrifft, mit Ausnahme der valid-Eigenschaft, die true ist, wenn der Wert des Elements allen Einschränkungen entspricht.

badInput Schreibgeschützt

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

customError Schreibgeschützt

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

patternMismatch Schreibgeschützt

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

rangeOverflow Schreibgeschützt

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

rangeUnderflow Schreibgeschützt

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. Ist er true, entspricht das Element den CSS-Pseudoklassen :invalid und :out-of-range.

stepMismatch Schreibgeschützt

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

tooLong Schreibgeschützt

Ein boolescher Wert, der true ist, wenn der Wert die für HTMLInputElement oder HTMLTextAreaElement-Objekte festgelegte 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 der Elemente daran gehindert werden, länger als maxlength zu sein. Ist er true, entspricht das Element den CSS-Pseudoklassen :invalid und :out-of-range.

tooShort Schreibgeschützt

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

typeMismatch Schreibgeschützt

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

valid Schreibgeschützt

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

valueMissing Schreibgeschützt

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

Spezifikationen

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

Browser-Kompatibilität

Siehe auch