提交表單時顯示覆蓋圖

Question

我想在用戶提交表單時顯示覆蓋圖。我使用$('form').submit(function { [...] })來實現這一點。

問題是我正在使用客戶端驗證。直接的解決方案當然是手動驗證表單：if ($('form').validate().valid()) { .. }

最終的解決方案是掛接到POST時創建的某個事件。 （支持任何其他插件，可能會阻止表單提交併且未使用驗證插件。）

Answer 1

假設你正在使用jQuery validate，您可以使用submitHandler屬性時驗證通過運行代碼，例如：

$("#myForm").validate({ 
    submitHandler: function(form) { 
     // display overlay 

     form.submit(); 
    } 
}); 

Further reading

Answer 2

嘗試使用return false;驗證錯誤時提交。