從jQuery驗證插件的功能submitHandler

Question

我使用jQuery與驗證插件提交的http://docs.jquery.com/Plugins/Validation/validate

防止形式我想阻止的形式從通過AJAX完成了它的有效性和提交過程後提交。 我有以下代碼：

$("#myform").validate({ 
    rules: {...}, 
    submitHandler: function(form) { 
     alert("Do some stuff..."); 
     //submit via ajax 
     return false; //This doesn't prevent the form from submitting. 
    } 
}); 

然而，這個問題是submitHandler提交表單，即使我有在處理函數的最後一行return false;聲明。我想阻止默認行爲並停止提交表單，因爲我已經通過ajax提交。

在通過submitHandler函數中的ajax代碼後，我應該如何停止提交代碼？

Answer 1

我不喜歡這樣，它的工作原理究竟如何你：這樣看來，唯一的解決辦法是return false聲明這樣submitHandler: function(form){並不需要一個事件參數希望它的工作：

$("#myform").submit(function(e) { 
    e.preventDefault(); 
}).validate({ 
    rules: {...}, 
    submitHandler: function(form) { 
     alert("Do some stuff..."); 
     //submit via ajax 
     return false; //This doesn't prevent the form from submitting. 
    } 
}); 

Answer 2

您可以submit事件致電event.preventDefault()：

$("#myform").on("submit", function(event) { 
    event.preventDefault(); 
}); 

Answer 3

也許你可以在外部驗證不使用一個提交按鈕：

if($("#myform").valid()){ 
    alert("Do some stuff..."); 
} 

Answer 4

您可以通過「jQuery的Walidate一個非常簡單的方法編寫此」。 http://jquery.dop-trois.org/walidate/

在那裏你可以編寫一個函數，它將在提交時執行。 在文檔中查找回調。

Answer 5

不幸似乎調用：

... 
submitHandler: function(form) { 
    //your code 
    return false; 
}, 
... 

Answer 6

$("#myform").validate({ 
    rules: {...}, 
    submitHandler: function(form, event) { 
     event.preventDefault(); 
     alert("Do some stuff..."); 
     //submit via ajax 
    } 
}); 

希望這有助於。