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<errorList.length; i++){

       var  element=errorList[0].element;

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

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

           }

        }

           }   

     } 

）；

以上是“jQuery中Validate如何提交表單驗證失敗擴展”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！