首页 > Web开发 > 详细

jQuery Validate 提交表单验证失败扩展方法

时间:2017-06-09 17:16:38      阅读:332      评论:0      收藏:0      [点我收藏+]

由于Validate没有提供表单提交过后,验证不通过触发方法。这里做一下扩展。


引用场景:每次提交表单元素验证不通过触发方法


打开源代码 找到focusInvalid 方法, 这里是提交表单时验证不通过触发方法,在这里做扩展是就好不 过的。

focusInvalid: function() {

if ( this.settings.focusInvalid ) {

try {

$(this.findLastActive() || this.errorList.length && this.errorList[0].element || [])

.filter(":visible")

.focus()

.trigger("focusin");

/*  扩展方法failedCallback */

var failedCallback=this.settings.failedCallback;  

           if($.type(failedCallback)===‘function‘){  

               failedCallback(this.errorList);  

             } 

} catch(e) {


}

}

}



使用  

 $(‘#editForm‘).validate(

      {   

           rules:..... ,

           failedCallback:function(errorList){

      // 循环验证失败元素   

for(var i=0; i<errorList.length; i++){

       var  element=errorList[0].element;

       if($(element).attr("name") == ‘birthday‘){

          ........................................ 

           }

        }

           }   

     } 

);





本文出自 “简洁” 博客,请务必保留此出处http://201510240609.blog.51cto.com/5178830/1933670

jQuery Validate 提交表单验证失败扩展方法

原文:http://201510240609.blog.51cto.com/5178830/1933670

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!