HTMLFieldSetElement: validity 属性

Baseline 已广泛支持

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

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

注意： <fieldset> 元素的 :valid 和 :invalid CSS 伪类是根据其后代表单控件的有效性来应用的，而不是根据 fieldset 本身。

值

一个 ValidityState 对象。

示例

以下示例演示了当设置了 customError 时，<fieldset> 处于无效状态；在此状态下，checkValidity() 返回 true，而 validityState 的 validity 属性为 false。

const fieldSet = document.getElementById("myFieldSet");
fieldSet.setCustomValidity("This fieldset is invalid.");
const validityState = fieldSet.validity;
console.log(validityState.valid); // false
console.log(validityState.customError); // true
console.log(fieldSet.checkValidity()); // true

注意： <fieldset> 元素的 :valid 和 :invalid CSS 伪类是根据其后代表单控件的有效性来应用的，而不是根据 fieldset 本身。

规范

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

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后修改时间为 2025年4月10日，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题