2012-09-17 49 views
0

當使用jQuery驗證插件(http://docs.jquery.com/Plugins/Validation/validate):jQuery驗證提交按鈕不工作糾正後驗證錯誤

我想以下行爲用戶按下提交(而不是實際提交我正在使用ajax post請求)。

雖然發生了以下情況:只要按下提交,驗證運行,適用時會出現驗證錯誤,然後當我糾正錯誤,然後按提交表單重新驗證,但是當存在沒有驗證錯誤,ajax帖子沒有被創建,只有表單被驗證。

當第一個實例中沒有驗證錯誤時,該帖子會立即生成,就像它應該一樣。

我有以下幾點:

<script type="text/javascript"> 
     $(document).ready(function(){ 
      $("#form").validate({ 
       onkeyup: false, 
       onclick: false, 
       onsubmit: true, 
       rules: { 
        telNR: { 
         required: true, 
         digits: true, 
         minlength: 10 
        } 
       }, 
       messages: { 
        telNR: { 
         required: "Fill in a valid telephone NR", 
         minlength: "A telephoneNR is 10 characters long", 
         digits: "Use only numerics" 
        } 
       }, 
       submitHandler: function(form) { 
        var jqxhr = $.post("sendMail.php", { telNR: $("#telNR").val() }, 
        function(data) { 
         alert("Done"); 
        }) 
        .error(function(jqXHR){ 
         alert("Error"); 
        }); 
       }  
      }); 
     }) 
    </script> 

回答

0

你可能有一些鬼驗證錯誤。嘗試將以下內容添加到您的選項中,以清除表單焦點上的錯誤:

focusCleanup: true 
+0

完美地工作!謝謝! – peterrus