jQuery 验证引擎

Question

我对 jQuery 和 js 完全是菜鸟，我确信有一个比我想出的更优雅的解决方案 - 但这就是我到目前为止所拥有的，我被难住了。

由于各种原因，我有一个表单需要很长时间才能提交 - 我正在使用validationEngine来验证内联表单字段，效果很好。然后，我需要添加一个弹出 div 来告诉访问者请耐心等待应用程序执行请求的搜索的原因。

我原来的解决方案效果很好，接受访问者单击提交时弹出的 div 显示，无论表单是否完全填写 - 如果表单完全填写，一切都会按预期工作 - 如果他们错过了字段验证引擎显示缺少字段通知，我的弹出 div 仍然显示，但显然表单未提交。这段代码会发生这种情况:

jQuery(document).ready(function(){
    jQuery("#approvalForm").validationEngine('attach');
});

    $(document).ready(function() {
        $('#approvalForm').submit(function() {
            $('#progress').show();
            });
        });

经过一番研究，我做了一些修改，得到了这段代码:

    jQuery(document).ready(function(){
    jQuery("#approvalForm").validationEngine('attach', {
        onValidationComplete: function(form, status){
        if (status == true) {
            $('#approvalForm').submit(function() {
                    $('#progress').show();
                });
        }
             }
     });
});

现在一切正常，除了您必须单击提交按钮两次，并且当您执行此操作时，弹出式 div 会出现，但表单不会提交。

Answer 1

$('#form1').validationEngine('attach', {
    onValidationComplete: function(form, status){
        if (status == true) {                   
            startProgressBar();
            form.validationEngine('detach');
            form.submit();

        }
    }           
});