ElementInternals: Gültigkeits-Eigenschaft
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since März 2023.
Die schreibgeschützte validity-Eigenschaft der ElementInternals-Schnittstelle gibt ein ValidityState-Objekt zurück, das die verschiedenen Gültigkeitszustände darstellt, in denen sich das Element im Hinblick auf die Validierung von Einschränkungen befinden kann.
Wert
Ein ValidityState-Objekt.
Ausnahmen
NotSupportedErrorDOMException-
Wird ausgelöst, wenn das Element nicht die
formAssociated-Eigenschaft auftruegesetzt hat.
Beispiele
Das folgende Beispiel zeigt eine benutzerdefinierte Checkbox-Komponente mit formAssociated auf true gesetzt. Der Wert von validity.valid wird in der Konsole protokolliert.
js
class CustomCheckbox extends HTMLElement {
static formAssociated = true;
constructor() {
super();
this.internals_ = this.attachInternals();
}
// …
}
window.customElements.define("custom-checkbox", CustomCheckbox);
let element = document.getElementById("custom-checkbox");
console.log(element.internals_.validity.valid);
Spezifikationen
| Specification |
|---|
| HTML # dom-elementinternals-validity |
Browser-Kompatibilität
Loading…