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 im Hinblick auf die Einschränkungsvalidierung befinden kann. Zusammen helfen sie zu erklären, warum der Wert eines Elements die Validierung nicht besteht, falls es ungültig ist.

Instanz-Eigenschaften

Für jede dieser booleschen Eigenschaften zeigt ein Wert von true an, dass der angegebene Grund der Validierung fehlschlagen könnte, mit der 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 vom Browser nicht konvertiert werden kann.

customError Schreibgeschützt

Ein boolescher Wert, der anzeigt, ob die benutzerdefinierte Fehlernachricht des Elements durch einen Aufruf der Methode setCustomValidity() auf einen nicht-leeren String gesetzt wurde.

patternMismatch Schreibgeschützt

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

rangeOverflow Schreibgeschützt

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

rangeUnderflow Schreibgeschützt

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

stepMismatch Schreibgeschützt

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

tooLong Schreibgeschützt

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

tooShort Schreibgeschützt

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

typeMismatch Schreibgeschützt

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

valid Schreibgeschützt

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. Wenn true, entspricht das Element der :valid-CSS-Pseudoklasse; andernfalls der :invalid-CSS-Pseudoklasse.

valueMissing Schreibgeschützt

Ein boolescher Wert, der true ist, wenn das Element ein required-Attribut hat, aber keinen Wert, oder false anderweitig. Wenn 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