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){
    ...
  }
})


效果截图如下:


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



评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值