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

Question

我有一个启用了jQuery-Validation-Engine的表单，我想在表单实际提交后显示一个加载器，即它没有错误。如果我使用以下代码，即使表单中存在错误，也会调用它。

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

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

提前致谢

Answer 1

最后，我能够使用以下代码实现此目的

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

Answer 2

我会放弃$("#my-form").submit，编写一些函数来显示/隐藏我的加载程序图像，并使用以下钩子：

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

修改

好的，为了显示表单是否有效但是不允许它提交，您可以使用onValidationComplete选项：

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