html - HTML5 表单验证的条件规则

Question

我想知道是否可以根据其他元素状态将元素设置为“必需”。例如，假设我有一个输入元素，当且仅当用户选中特定的复选框时，我希望它是“必需的”。首先，是否可以在不使用 JavaScript 的情况下做到这一点？其次，如果我们使用 JavaScript，当然可以在用户选中该复选框时设置规则/验证，但是默认浏览器验证错误的一致性如何呢？单击复选框后将“required”属性添加到元素是否“正确”？我在这里看不到替代方案。您对此有何看法？

Answer 1

我不认为没有 javascript 就可以做到这一点。

使用 javascript，你可以很容易地做到这一点。

只有在选中复选框后，我才会添加 required 属性。

事实上，我会把它做成一个toggled 片段，这样用户就可以取消选中并且不需要输入。

但是，我不会依赖浏览器对 required 属性的实现。相反，我会使用一些 CSS(突出显示、动画、显示一些文字)创建我自己需要的通知。