jquery - 如何使用 Jquery 验证引擎实现 onSuccess()？

Question

我正在使用 Jquery 验证引擎 http://posabsolute.github.com/jQuery-Validation-Engine/我只想一旦发现表单有效就显示隐藏的加载 gif。

即

• 用户提交表单

• 如果表格有效: $('#lulus-loading-div').show();

我已经尝试过这个，但没有运气:

• Jquery and jQuery-Validation-Engine

我似乎没有运气实现 onSuccess() 回调函数。

我毫不怀疑它运行顺利，不幸的是我不知道正确的语法，并且对文档没有运气:/

目前我有:

jQuery(document).ready(function(){
        jQuery("#model-form").validationEngine({

           onSuccess: function(){
              $('#lulus-loading-div').show();
           });
        });

 });

这会在第一次验证单个字段时调用 onSuccess()，然后如果您尝试提交不完整的表单，它会在不标记错误的情况下提交。

任何帮助或建议将不胜感激:)

如果您需要更多详细信息，请告诉我。

Answer 1

验证引擎没有任何东西(有效)来完成此类任务。

假设您的表单使用页面重新加载 - 但也应该适用于基于 ajax 的无重新加载提交。

有一次我需要类似的东西，我写了一个快速的 hack，它就做到了这一点。

我使用的是2.5.2版本

找到这段代码(大约第 240-250 行)

form.trigger("jqv.form.result", [errorFound]);

在它之前添加以下代码:

if (options.jpAfterSuccessValidation && !errorFound) {
    options.jpAfterSuccessValidation();
}

在最底部，默认情况下，附加到(添加在后面)“fadeDuration”

fadeDuration: 0.3,
jpAfterSuccessValidation: false //launches callback, if all fields validate

并像这样使用它:

jQuery("#model-form").validationEngine({
    jpAfterSuccessValidation: function(){
    $('#lulus-loading-div').show(); //this will pull-up your info dialog
    }
});

您的“lulus-loading-div”将保持可见，直到保存表单的页面重新加载(并提交表单)。