輸入類型按鈕/提交表單驗證並通過jQuery提交ajax？

Question

我試圖使用jquery驗證插件，並形成通過jQuery的AJAX提交.....

驗證插件可用於<input type="submit" value="Add a client" id="clientadd"/>但我的形式提交<input type="button" value="Add a client" id="clientadd"/>作品.....

<form id="addform" autocomplete="off"> 
//My controls here 
</form> 

我沒有指定action和method屬性在這裏，我會使用jquery.ajax()提交我的形式....任何建議，如何讓兩者協同工作....

Answer 1

你可以指定一個submitHandler一旦驗證成功，將執行表單提交：

$('form').validate({ 
    submitHandler: function(form) { 
     // TODO: submit your form in ajax here 
    } 
}); 

因此，如果您使用的是jQuery.form插件ajaxify表單：

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

Answer 2

您可以添加action=""所以這將是有效的HTML，並使用type="submit"按鈕沒有問題。簡單地趕上與jQuery提交，防止正常的發生的歷史提交：

$('#addform').submit(function() { 
    // your stuff here to process the form 

    // end with 
    return false; 
});