jqueryvalidate $ .post使用submitHandler

Question

我正在構建一個使用jquery mobile的小應用程序，並使用jqueryvalidate http://jqueryvalidation.org/進行表單驗證。我設法使用ajax進行工作，但只要我將它移入submitHandler：function（form），它仍然「有效」，但我必須單擊「提交」兩次以使其正常工作？請幫我困惑！

//the validation stuff 
$().ready(function() {  
// validate new id form 
$("#addId").validate({ 
    errorPlacement: function(error, element) { 
     error.insertAfter(element.parent()); // <- make sure the error message appears after parent element (after textbox!) 
         }, 
     rules: { 
      idDesc: "required", 
      }, 
     messages: { 
      idDesc: "Please enter a valid description", 
       }, 

     submitHandler: function(form) { 
      $('#submit').click(function() 
      { 
           $('#addCustId').popup('close'); 
           $.post("Customer_AddNewCustomerId.php", $("#addId").serialize(), function(response) 
             { 
              LoadCustomerIdentificationType(); 
             }); 
            }); 
          } 
        }); //end validate 
       }); // end function 

謝謝:)

Answer 1

這是完全錯誤的......

submitHandler: function(form) { 
    $('#submit').click(function() { // <-- causing your double-click situation 
     .... 
     $.post(....); 
    }); 
} 

As per the documentation for the submitHandler callback function，

「回調處理實際當表單是有效的提交。獲取表單作爲唯一參數。替換默認提交。正確的地方通過Ajax提交表單被驗證後，」

換句話說，它只大火被點擊的有效形式按鈕時，該插件會自動處理click，使包裝內的功能另一個click處理程序是沒有意義的，適得其反。

只是這樣做......

submitHandler: function(form) { 
    .... 
    $.post(....); 
    return false; // not necessary, but it reminds me that the default is blocked 
} 

，如果你願意，你可以離開了return false;線。我總是把它（沒有傷害任何東西），因爲它提醒我認爲表單上的默認action不會發生。