重置单个表单域的自定义有效性状态

Question

我有一个基本的表单字段，在所有条件下都有效，包括当为空时：

<input id="example1" name="example" type="text" />

在一些不相关的(与这个问题(条件下，我使用 JavaScript 将此元素标记为无效：

id_('example1').setCustomValidity('All aboard the nope train!');
id_('example1').reportValidity();

我不会发布其他代码，因为如果在提交完整表单时此表单字段为空，则它是完全有效的。

如何在不尝试提交整个表单的情况下重置此特定表单字段的有效性状态？

我已经尝试id_('post_custom_selector').validity.valid = true;尽管它不起作用，并且ValidityState的所有方法都是只读的，我怀疑如果我在查看HTMLInputElement的方法时没有遗漏任何其他内容，那么我可能会不得不复制节点并替换它。

绝对没有框架或库。

Answer 1

如果setCustomValidity的第一个参数为空(仍然必须设置(，那么它将重置元素的有效性：

id_('post_custom_selector').setCustomValidity('');