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

时间:2013-09-18 11:19:27

标签: javascript html5 validation

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

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

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

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

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

有更好的解决方案吗?

1 个答案:

答案 0 :(得分:1)

我会尝试:

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

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