Die schreibgeschützterangeUnderflow-Eigenschaft derValidityState-Schnittstelle gibt an, ob der Wert eines vom Benutzer bearbeiteten<input>-Elements nicht mit den durch dasmin-Attribut festgelegten Einschränkungen übereinstimmt.

Wenn das Feld numerischer Natur ist, einschließlich der Typendate,month,week,time,datetime-local,number undrange, und einmin-Wert festgelegt ist, wird dierangeUnderflow-Eigenschaft auf true gesetzt, wenn der Wert nicht mit den durch denmin-Wert festgelegten Einschränkungen übereinstimmt.

Wert

Ein boolescher Wert, dertrue ist, wenn derValidityState nicht mit den Einschränkungen übereinstimmt.

Beispiele

Eingabe mit numerischem Unterlauf

Das folgende Beispiel prüft die Gültigkeit einesnumerischen Eingabeelements.Eine Einschränkung wurde mit demmin-Attribut hinzugefügt, das einen Mindestwert von18 für die Eingabe festlegt.Wenn der Benutzer eine Zahl kleiner als 18 eingibt, schlägt die Einschränkungsvalidierung des Elements fehl, und die Stile, die mit den:invalid und:out-of-range CSS-Pseudoklassen übereinstimmen

/* or :invalid */input:out-of-range {  outline: red solid 3px;}

body {  margin: 0.5rem;}pre {  padding: 1rem;  height: 2rem;  background-color: lightgrey;  outline: 1px solid grey;}

<pre>Validation logged here...</pre><input type="number" min="18" />

const userInput = document.getElementById("age");const logElement = document.getElementById("log");function log(text) {  logElement.innerText = text;}userInput.addEventListener("input", () => {  userInput.reportValidity();  if (userInput.validity.rangeUnderflow) {    log("Number is too low!");  } else {    log("Valid…");  }});

Spezifikationen

Browser-Kompatibilität

Siehe auch

• ValidityState.rangeOverflow
• Beschränkungsvalidierung
• Formulare: Datenformularvalidierung
• step-Attribut
• max-Attribut