2013-03-05 3 views
2

У меня есть форма, в которой включен jQuery-Validation-Engine, и я хочу показать загрузчика после того, как форма фактически будет отправлена, т. Е. Когда она без ошибок. Если я использую следующий код, его вызов вызывается даже в случае возникновения ошибок в форме.Обнаружить реальную форму отправить и показать загрузчик

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

Я хотел бы знать, как определить фактическую форму отправки, а не просто нажать кнопку отправки? Есть ли способ использовать jQuery-Validation-Engine 'onSuccess' обратный вызов?

Заранее спасибо

+0

возможно дубликат [Как сделать Jquery Обратный вызов после отправки формы?] (Http://stackoverflow.com/questions/ 11534690/how-to-do-a-jquery-callback-after-form-submit) – powtac

ответ

1

Наконец, я смог добиться этого, используя следующий код

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

Хех - вы туда, хорошо сделали =) – Raad

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

Смежные вопросы