← 返回首页
HTMLButtonElement: validity-Eigenschaft - Web-APIs | MDN

Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLButtonElement: validity-Eigenschaft

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 Eigenschaft validity des HTMLButtonElement-Interfaces gibt ein ValidityState-Objekt zurück, das die Gültigkeitszustände darstellt, in denen sich dieses Element befindet.

In diesem Artikel

Wert

Ein ValidityState-Objekt.

Beispiele

Das folgende Beispiel zeigt, dass ein <button> sich in einem ungültigen Zustand befindet, wenn ein customError gesetzt ist; in diesem Zustand ist die validityState-Eigenschaft false, während checkValidity() true zurückgibt, wenn der type des Buttons nicht "submit" ist, da solche Buttons keine Kandidaten für die Einschränkungsvalidierung sind.

js
const button = document.getElementById("myButton"); button.setCustomValidity("This button is invalid."); const validityState = button.validity; console.log(validityState.valid); // false console.log(validityState.customError); // true console.log(button.checkValidity()); // false if the button is of the "submit" type, true otherwise

Spezifikationen

Spezifikation
HTML
# the-constraint-validation-api:dom-cva-validity

Browser-Kompatibilität

JavaScript aktivieren, um diese Browser-Kompatibilitätstabelle anzuzeigen.

Siehe auch