jquery.validate校验问题--组合条件唯一校验

问题描述

校验需求：*为必填项，同时3个必填项还要做唯一校验，即3个必填项唯一确定一条记录

待校验表单如下图，

对于以上问题，需要3个必填项校验通过，然后再做唯一校验，之前我在黑名单类型字段做唯一校验

校验规则

    varblack_form = $("#black_form").validate({        rules: {            'hpzl':{required: true},            'hphm':{required: true,isCarNo:true},            'hmdlx':{required: true,                remote:{                    async:false,                    url: basePath+"vsas/black/isExit.do",     //后台处理程序                    type: "post",               //数据发送方式                    dataType: "json",           //接受数据格式                       data: {                     //要传递的数据                        hpzl: function() { return $('#hpzl').val();},                        hphmt: function() {return $('#hphmt').val();},                        hphm: function() {return $('#hphm').val();},                        hmdlx: function() {return $('#hmdlx').val();}                     }                }            }        },        ......//错误信息及信息提示位置    });

varblack_form = $("#black_form").validate({    rules: {        'hpzl':{required: true},        // 'hphmt':{required: true},        'hphm':{required: true,isCarNo:true},        'hmdlx':{required: true,             remote:{                 async:false,                 url: basePath+"vsas/black/isExit.do",     //后台处理程序                 type: "post",               //数据发送方式                 dataType: "json",           //接受数据格式                    data: {                     //要传递的数据                     hpzl: function() { return $('#hpzl').val();},                     hphmt: function() {return $('#hphmt').val();},                     hphm: function() {return $('#hphm').val();},                     hmdlx: function() {return $('#hmdlx').val();}                 }              }          }      },      ......//错误信息及信息提示位置});

表单提交时，

if($("#black_form").valid()){... ...//逻辑代码}

但是，测试时问题出现，就是我只选择了【黑名单类型】提交，校验通过了，后台报错了，经过排查发现校验不是一个一个校验的，开始看jQuery.validate的文档找到Validator对象element(element)方法：

element(element)是验证单个元素是成功还是失败，返回值是Boolean类型。

解决方式

所以，利用这个解决了以上问题，即，我先利用element(element)方法校验【号牌种类】、【号牌号码】这俩字段，然后再执行表单校验的方法。如下：

if(black_form.element($("#hpzl"))&&black_form.element($("#hphm"))&&$("#black_form").valid()){... ...//逻辑代码}

black_form是我们定义校验规则时，调用validate方法是返回的一个Validator对象。Validator 对象有很多方法，

在本例中其实还用的另一个方法resetForm():把已验证过得表单Form恢复到验证前的状态。

resetForm解决的问题：在做多个条件唯一校验时，当输入条件组合通过校验，此时form状态是校验成功状态，如果

其中某个条件内容变化时，我们应该重新校验，但是valid()方法并没有这么做，form表单状态依然是上次校验的状

态，我们就需要调用Validator的resetForm()方法来恢复form校验前的状态，重新调用valid()校验。