jQuery中Validate如何提交表单验证失败扩展

这篇文章主要为大家展示了“jQuery中Validate如何提交表单验证失败扩展”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“jQuery中Validate如何提交表单验证失败扩展”这篇文章吧。

创新互联是一家专业从事成都网站设计、成都做网站、网页设计的品牌网络公司。如今是成都地区具影响力的网站设计公司,作为专业的成都网站建设公司,创新互联依托强大的技术实力、以及多年的网站运营经验,为您提供专业的成都网站建设、营销型网站建设及网站设计开发服务！

由于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

       var  element=errorList[0].element;

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

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

           }

        }

           }   

     } 

）；

以上是“jQuery中Validate如何提交表单验证失败扩展”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注创新互联行业资讯频道！

本文标题：jQuery中Validate如何提交表单验证失败扩展
浏览地址：http://bjjierui.cn/article/giipeh.html