最近在用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){
...
}
})
效果截图如下:
该方法只是简单的做了点修改,如有更好的方法,请告之。