检测实际的表单提交并显示加载器

Question

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

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

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

提前致谢

Answer 1

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

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

编辑

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

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

Answer 2

最后，我能够使用以下代码实现这一点

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