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

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(); }
  }  
});