javascript - 防止基于特定领域的 HTML5 验证

Question

我希望通过 JavaScript 在特定字段的基础上动态阻止基于 HTML5 的验证。

我有一个表单，它将有多个使用 HTML5 验证的输入字段。字段根据相关字段中的设置动态显示或隐藏。

我想在表单提交事件之前暂时关闭隐藏字段的 HTML5 验证。我尝试了以下方法，但这似乎并没有改变 willValidate 属性。

    $('input:hidden').each(function(){
    $(this).prop('willValidate',false);
});

我想出了一个我觉得很乱的工作。它涉及为每个属性添加类，并为模式属性添加类，将其存储在一个额外的数据模式属性中，然后在提交时根据它们的可见性添加和删除适当的属性。

有更好的解决方案吗？

Answer 1

我会尝试：

$('input:hidden').each(function(){
   $(this).prop('disabled', true);
});

然后验证您的表格。隐藏的输入应该被忽略