在特定字段的基础上防止HTML5验证

Question

我希望通过JavaScript在特定领域动态地防止基于HTML5的验证。

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

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

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

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

有更好的解决方案吗？

Answer 1

我会尝试：

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

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