ElementInternals: validity property
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since March 2023.
Thuộc tính chỉ đọc validity của giao diện ElementInternals trả về đối tượng ValidityState đại diện cho các trạng thái tính hợp lệ khác nhau mà phần tử có thể có, liên quan đến xác thực ràng buộc.
Giá trị
Một đối tượng ValidityState.
Ngoại lệ
NotSupportedErrorDOMException-
Được ném ra nếu phần tử không có thuộc tính
formAssociatedđược đặt thànhtrue.
Ví dụ
Ví dụ sau hiển thị một thành phần hộp kiểm tùy chỉnh với formAssociated được đặt thành true, giá trị của validity.valid được ghi ra console.
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);
Thông số kỹ thuật
| Specification |
|---|
| HTML # dom-elementinternals-validity |