ValidityState: Eigenschaft valueMissing

Baseline Weitgehend verfügbar

Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Juli 2015 browserübergreifend verfügbar.

Die schreibgeschützte valueMissing-Eigenschaft des ValidityState-Interfaces gibt an, ob ein erforderliches required-Steuerelement, wie ein <input>, <select> oder <textarea>, einen leeren Wert hat.

Wenn das required-Attribut gesetzt ist und keine <option> ausgewählt ist oder ein <textarea> oder ein vom Benutzer editierbares <input> leer ist, wird die valueMissing-Eigenschaft true sein. Die Eigenschaft ist nur true, wenn das Feld erforderlich ist und keinen Wert hat; wenn das Feld nicht erforderlich ist oder wenn das Feld erforderlich ist und einen Wert hat, ist der Wert false.

In diesem Artikel

Wert

Ein boolescher Wert, der true ist, wenn der ValidityState nicht gesetzt ist und das required-Attribut vorhanden ist.

Fehlender erforderlicher Eingabewert

Das folgende Beispiel überprüft die Gültigkeit eines numerischen Eingabeelements. Es wurden Einschränkungen hinzugefügt, indem das min-Attribut verwendet wurde, das einen Mindestwert von 18 für die Eingabe festlegt, und das required-Attribut, das leere Werte nicht zulässt. Wenn der Benutzer einen Wert eingibt, der keine Zahl größer als 17 ist, schlägt die Einschränkungsvalidierung des Elements fehl, und die Stile, die :invalid entsprechen, werden angewendet.

css
input:invalid {
  outline: red solid 3px;
}

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

html
<pre id="log">Validation logged here...</pre>
<input type="number" id="age" min="18" required />

js
const userInput = document.getElementById("age");
const logElement = document.getElementById("log");

function log(text) {
  logElement.innerText = text;
}

userInput.addEventListener("input", () => {
  userInput.reportValidity();
  if (userInput.validity.valid) {
    log("Input OK…");
  } else if (userInput.validity.valueMissing) {
    log("Required field cannot be empty.");
  } else {
    log(`Bad input detected: ${userInput.validationMessage}`);
  }
});

ValidityState badInput, valid Eigenschaften.
Einschränkungsvalidierung
Formulare: Datenformularvalidierung
Reguläre Ausdrücke

Help improve MDN

War diese Übersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen können Diese Seite wurde automatisch aus dem Englischen übersetzt.

Übersetzung auf GitHub anzeigen • Fehler mit dieser Übersetzung melden

HTML DOM API
ValidityState
Instanzeigenschaften
Verwandte Seiten für HTML DOM
Anleitungen
1. Verwenden von Microtasks in JavaScript mit queueMicrotask()
2. Im Detail: Microtasks und die JavaScript-Laufzeitumgebung

ValidityState: Eigenschaft valueMissing

In diesem Artikel

Wert

Fehlender erforderlicher Eingabewert

Spezifikationen

Browser-Kompatibilität

Siehe auch

Help improve MDN