jQuery validate運作流程以及重復提示錯誤問題

一，運作流程

jQuery validate要想運作，首先要加載相應的js

<script type="text/javascript" src="/js/class/jquery-1.3.2.min.js"></script>
        <!--begin of validate-->
        <script src="/js/class/jquery.validate.js" type="text/javascript" ></script>
        <script src="/js/class/jquery.metadata.js" type="text/javascript" ></script>
        <script src="/js/class/jquery.validate.messages_cn.js" type="text/javascript" ></script>
        <!--end of validate-->

加載完畢之后，就可以使用了，但是什么時候才真正的觸發驗證效果呢

答案是，表單提交時觸發！

具體的流程如下：

　　　　　　　　　//第二步:接收到提交信息，進行驗證
                $("#form1").validate({
                    submitHandler:function(form){
                        //第三步:驗證完畢，真正的提交
                        form.submit();
                    }
                });
                //提交
                $(".make_sure").click(function(){
                    //第一步:提交
                    $("#form1").submit();
                });

如果表單不提交，jQuery validate就收不到驗證信息，就不會觸發效果！！！

第二步具體的流程：

a.接到驗證通知之后，jQuery validate就會查詢頁面中需要驗證的表單項。

b.查到之后，就會獲取到表單的值，並調用內置的或用戶自定義的函數！

c.驗證是否合法，如果非法的話，就將錯誤提示自動添加到被驗證的表單后面！

d.檢測是否全部通過驗證，如果通過，表單成功提交，進入第三步

 

PS:這是我對它流程的理解，里面還有很多隱藏的奧秘，自己去揣摩體會吧！

 

二，重復提示錯誤

下面談談今天遇到的重復提示錯誤的問題，

每次提交表單，都會將錯誤信息加到后面，會越來越長，很難看！

后來我到網上查詢，發現是form表單被包裹在table里面導致的，

后來我將table放到form里面，然后測試了一下發現果然正常了！不會繼續重復的錯誤提示了！