2013-03-05 47 views
2

我有一個表單,它啓用了jQuery-Validation-Engine,並且我希望在表單實際獲得提交時顯示一個加載器,即當它沒有錯誤時。如果我使用以下代碼,即使在表單中存在錯誤時也會調用它。檢測實際表單提交和顯示加載程序

$("#my-form").submit(function(){ 
    showLoaderGIF here; 
}); 

我想知道如何檢測實際的表單提交而不只是點擊提交按鈕?有沒有什麼辦法可以使用jQuery-Validation-Engine的'onSuccess'回調?

在此先感謝

+0

可能重複[如何表格後做一個jQuery回調提交?](http://stackoverflow.com/questions/ 11534690 /如何做一個jQuery的回調 - 表單提交) – powtac 2013-03-05 11:01:05

回答

1

最後,我能夠做到這一點使用下面的代碼

$("my-form").validationEngine('attach', {  
    onValidationComplete: function(form,status){ 
    if(status == true){ 
     showLoader; 
     return true; 
    } 
    } 
}); 
+0

嘿 - 你到了那裏,幹得好=) – Raad 2013-03-05 11:48:43

0

我會溝$("#my-form").submit,寫一對夫婦的功能,可以顯示/隱藏我的裝載機圖像,並使用以下鉤子:

jQuery("#my-form").validationEngine({ 
    ... 
    onBeforeAjaxFormValidation: showLoader, 
    onAjaxFormComplete: hideLoader, 
    ... 
}); 

編輯

好吧,如果要顯示錶格是否有效,但是不是允許它提交,那麼可以使用onValidationComplete選項:

jQuery("#my-form").validationEngine('attach', { 
    onValidationComplete: function(form, status){ 
    if(status) { showLoader(); } 
    } 
}); 
+0

在我的情況下,表單尚未提交到服務器。我想顯示加載程序,如果(表單是無錯的&&提交按鈕被點擊) – furiabhavesh 2013-03-05 11:20:00