HTMLButtonElement: validity-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
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.
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
| Specification |
|---|
| HTML # the-constraint-validation-api:dom-cva-validity |
Browser-Kompatibilität
Loading…