jquery validate 扩展验证失败的回调方法

最近在用bootstrap搭建网页,想用jquery validate 配合bootstrap的样式进行表单验证,但是查看了文档没有找到验证失败的方法接口,通过简单的修改了一下源代码,自己添加了一个回调方法,具体如下所示。

找到jquery validate源码的check 方法入口,添加如下代码:

if ( !result ) {
  this.formatAndAdd( element, rule );
  //添加的代码
  var errorCallback=this.settings.errorCallback;
  if($.type(errorCallback)==='function'){
    errorCallback(element);
  }
  return false;
}

然后在页面的脚本代码的validate参数对象添加自己定义的成员(这里是errorCallback),如下所示:
$('#form-register').validate({
  rules:{
    ...
  },
  //自带的验证成功回调方法 
  success:function(msg){
    ...
  },
 //自己添加的验证失败回调方法
 errorCallback:function(element){
    ...
  }
})


效果截图如下:

jquery validate 扩展验证失败的回调方法_第1张图片


该方法只是简单的做了点修改,如有更好的方法,请告之。



你可能感兴趣的:(javascript,jaquery,validate,bootstrap)