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

来源:互联网 发布:电子地图综合搜索软件 编辑:程序博客网 时间:2024/06/05 15:26

最近在用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){    ...  }})


效果截图如下:


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



0 0
原创粉丝点击