您的位置:首页 > Web前端 > JQuery

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

2015-07-28 11:08 441 查看
最近在用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){
...
}
})


效果截图如下:



该方法只是简单的做了点修改,如有更好的方法,请告之。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息