Home - News ( United States | United Kingdom | Italy | Germany ) - Football scores

Showing content from http://developer.mozilla.org/de/docs/Web/API/ValidityState/rangeUnderflow below:

ValidityState: rangeUnderflow-Eigenschaft - Web-APIs | MDN

Baseline Widely available

Die schreibgeschützte rangeUnderflow-Eigenschaft der ValidityState-Schnittstelle gibt an, ob der Wert eines vom Benutzer bearbeiteten <input>-Elements nicht mit den durch das min-Attribut festgelegten Einschränkungen übereinstimmt.

Wenn das Feld numerischer Natur ist, einschließlich der Typen date, month, week, time, datetime-local, number und range, und ein min-Wert festgelegt ist, wird die rangeUnderflow-Eigenschaft auf true gesetzt, wenn der Wert nicht mit den durch den min-Wert festgelegten Einschränkungen übereinstimmt.

Ein boolescher Wert, der true ist, wenn der ValidityState nicht mit den Einschränkungen übereinstimmt.

Das folgende Beispiel prüft die Gültigkeit eines numerischen Eingabeelements. Eine Einschränkung wurde mit dem min-Attribut hinzugefügt, das einen Mindestwert von 18 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 id="log">Validation logged here...</pre>
<input type="number" id="age" 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…");
  }
});

Diese Seite wurde automatisch aus dem Englischen übersetzt.

RetroSearch is an open source project built by @garambo | Open a GitHub Issue

Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo

HTML: 3.2 | Encoding: UTF-8 | Version: 0.7.4