HTMLOutputElement: validity 属性

Baseline 已广泛支持

此功能已相当成熟,可在多种设备和浏览器版本上运行。自 ⁨2016 年 8 月⁩ 起,所有浏览器均已提供此功能。

HTMLOutputElement 接口的只读属性 validity 返回一个 ValidityState 对象,该对象表示该元素所处的有效性状态。尽管 <output> 元素永远不是 约束验证 的候选对象,但如果设置了自定义有效性消息,有效性状态仍可能无效。

一个 ValidityState 对象。

示例

以下示例演示了当设置了 customError 时,<output> 元素处于无效状态;在此状态下,checkValidity() 返回 true,而 validityStatevalidity 属性为 false

js
const output = document.getElementById("myOutput");
output.setCustomValidity("This object element is invalid.");
const validityState = output.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(output.checkValidity()); // true

规范

规范
HTML
# the-constraint-validation-api:dom-cva-validity

浏览器兼容性

另见