成功驗證后，在提交表單時觸發jquery onclick事件

Question

我有一個JSP表單，它使用jquery.validate()插件進行驗證。 單擊提交按鈕后，我需要顯示一個div，其中顯示進度條gif圖像。 但是我只想在表單驗證成功並將內容傳遞到服務器后才顯示此內容。

我在按鈕的onclick事件上編寫了jquery。

$("#submit").click(function(){
    $('#loading').show();
  });

但是問題是每次驗證的每次單擊按鈕都顯示進度條。 如何使進度條在成功驗證后不是在每次單擊按鈕時而是在按鈕提交時可見？

Answer 1

 submitHandler: function(form) {
             if ($("form").valid()) {
                 $('#loading').show();
                 form.submit();
             }
         }

這解決了問題:)

Answer 2

試試這個

$("#submit").click(function(){
    var fun_call=your_validation_function();//Call here your validation function
    if(fun_call==true)
    {    
        $('#loading').show();
    }
});