检测实际表单提交和显示加载程序

我有一个表单，它启用了jQuery-Validation-Engine，并且我希望在表单实际获得提交时显示一个加载器，即当它没有错误时。如果我使用以下代码，即使在表单中存在错误时也会调用它。检测实际表单提交和显示加载程序

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

我想知道如何检测实际的表单提交而不只是点击提交按钮？有没有什么办法可以使用jQuery-Validation-Engine的'onSuccess'回调？

在此先感谢

来源

2013-03-05 furiabhavesh

可能重复[如何表格后做一个jQuery回调提交？]（http://stackoverflow.com/questions/ 11534690 /如何做一个jQuery的回调 - 表单提交） – powtac 2013-03-05 11:01:05

最后，我能够做到这一点使用下面的代码

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

的

来源

2013-03-05 11:37:22 furiabhavesh

嘿 - 你到了那里，干得好=） – Raad 2013-03-05 11:48:43

我会沟$("#my-form").submit，写一对夫妇的功能，可以显示/隐藏我的装载机图像，并使用以下钩子：

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

编辑

好吧，如果要显示表格是否有效，但是不是允许它提交，那么可以使用onValidationComplete选项：

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

来源

2013-03-05 11:09:05 Raad

在我的情况下，表单尚未提交到服务器。我想显示加载程序，如果（表单是无错的&&提交按钮被点击） – furiabhavesh 2013-03-05 11:20:00

检测实际表单提交和显示加载程序

回答

相关问题