为 jquery validate 添加验证失败回调

最新推荐文章于 2024-06-20 15:34:36 发布

weixin_34185512

最新推荐文章于 2024-06-20 15:34:36 发布

阅读量277

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/mabaoqing/p/10315152.html

版权

转载自：https://blog.csdn.net/huang100qi/article/details/52619227

1. jquery Validation Plugin - v1.15.1 （此版本不支持IE8）

第240行左右：

if (!c) {
   return this.formatAndAdd(b, e), !1   
}

改成：

if (!c) {
   //return this.formatAndAdd(b, e), !1
   this.formatAndAdd(b, e);
   var errorCallback=this.settings.fail;
   if($.type(errorCallback)==='function'){
      errorCallback(b,e);
   }
   return false;
}

2. jquery Validation Plugin - v1.10.0 （此版本支持IE8）

第545行左右：

if( !result ) {
   this.formatAndAdd( element, rule );   
   return false;
}

改成：

if( !result ) {
   this.formatAndAdd( element, rule );
   var errorCallback=this.settings.fail;
   if($.type(errorCallback)==='function'){
      errorCallback(element);
   }
   return false;
}

好了，这下咱们就可以调用了

$("#forgetwordForm").validate({
    fail: function(element,e) {                
        //验证失败回调（扩展validate）
        var sce = $(element).next('label.success');
        sce.hide();
        var setTimeLater = setTimeout(function(){
            var error = $(element).siblings('label.error');
            if(error.find('.wrongIcon').length == 0) {
                error.prepend('<i class="wrongIcon"></i>');
            }
            clearTimeout(setTimeLater);
        },1);
    }
}）

转载于:https://www.cnblogs.com/mabaoqing/p/10315152.html