2012-07-17 49 views
0

當我的用戶提交表單時,我做了一個ajax調用並返回一些JSON,這是我的.submit()處理程序的一部分。同時使用jquery validate()同時提交處理程序

我也試圖附上一些驗證現在這種形式。

我得到的結果與下面的代碼是,我確實收到「字段是必需的」錯誤消息,但表單正在提交無論如何。

// attaching some validation to our form. 
$("#myForm").validate(); 

// submit our form and do stuff 
$("#myForm").submit(function(){ 

// I have an ajax request I need to make here, not relevant for the example. 

}); 

<form id="myForm"> 

Foo: <input type="text" name="foo" id="foo" class="required" /> 

</form> 

回答

4

你可以提供一個自定義的處理器(從文件): http://docs.jquery.com/Plugins/Validation/validate#options

$(".selector").validate({ 
    submitHandler: function(form) { 
    $(form).ajaxSubmit(); 
    } 
}) 

你也可以使用一個返回boolean值.valid()函數。

$("#myForm").submit(function(e){ 
    if($("#myForm").valid() { 
     .... do stuff 
    } else { 
     e.preventDefault(); 
    } 
}); 
+0

感謝邁克,我發現在發佈之後不久發現。 (總是幫助閱讀文檔),嘿,我會很快標記答案,謝謝! – 2012-07-17 22:28:57

+0

最上面的代碼塊是一個更簡單的方法,可以讓代碼更清晰。 – honyovk 2012-07-17 22:30:05

+0

@MBJ同意,但我發現很多人不知道第二個。您也可以在單個元素上使用它來進行部分驗證。 – 2012-07-18 14:16:44

相關問題