HTMLButtonElement: validity 属性
HTMLButtonElement 接口的只读属性 validity 返回一个 ValidityState 对象，该对象表示该元素所处的有效性状态。
值
一个 ValidityState 对象。
示例
以下示例演示了当设置了 customError 时，<button> 处于无效状态；在此状态下，validityState 的 validity 属性为 false，而 checkValidity() 返回 true（如果按钮的 type 不是 "submit"），因为此类按钮不是 约束验证的候选者。
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
规范
| 规范 |
|---|
| HTML # the-constraint-validation-api:dom-cva-validity |
浏览器兼容性
加载中…