jquery.validate验证非活动选项卡

Hem*_*ank 7 jquery jquery-validate jquery-ui-tabs

我有一个表单,它使用基于jQuery UI的选项卡来组织不同的字段.我正在使用jquery.validate.min.js进行验证.例如,某些字段具有class ="required",其通知插件以进行必要的字段验证.最后,在表单提交之前,我验证表单以确保所有输入都是正确的.一个简单的用法,如 -

HTML

...
<input type="text" class = "required" ...

SCRIPT

...
$("#frmClaim").validate();//to initilize validation
...
$('#frmClaim').submit(function () {            
             if($(this).valid())
                { ... }
         });
...
Run Code Online (Sandbox Code Playgroud)

我面临的问题是,如果我在选项卡3上并且选项卡2上有一个"必填"字段,用户尚未填充,则不会执行验证.验证仅触发可见的字段 - 即活动字段.这可能还是我错过了什么?

现在,在提交时我手动激活每个选项卡,执行.valid并继续.有更好的解决方法吗?

Dr *_*ard 15

像这样初始化验证以验证隐藏的字段

$("#frmClaim").validate( 
 { ignore: [] }
);
Run Code Online (Sandbox Code Playgroud)

  • 很高兴让我半途而废.但正如预期的那样,它并没有把焦点放在有错误的标签上,所以我相信我必须手动检查并设置它.那么这将是过度期待. (2认同)