调用blockUI和unblockUI结合的jQuery插件验证(Calling blockUI a

我与验证正常工作非常复杂的形式。 然而，因为它可能需要一段时间的验证完成，我想使用blockUI被称为当我点击表单的提交按钮，以防止混淆和双意见书。 我不能完全弄清楚如何做到这一点。

我的代码如下所示：

$("#credential").validate({
     rules: {
              EngId: {
                 required: true
                 }
             ClientAccount: {
                 required: true
                 }
              ...
        }

而我取决于形式的选择调用几个按钮（用他们的点击功能）的验证，通常禁用一些规则：

$("#buttonname").click(function() {
   $("#fieldname").rules("remove");
   ...
   $("#credential").submit();
});

我想不通的是，其中blockui和unblockui来电都会去，这样当用户点击该按钮，确认开始之前，blockui做它的魔力，如果确认发现问题，unblockui称为并且再次使形式。

我是相当新的jQuery和我找不到，我已经能够成功地实现任何例子。 我将不胜感激任何帮助，任何人都可以给（请原谅，如果此之前已被覆盖）。

Answer 1:

$(document).ready(function() {
    $('#form1').validate({
        rules: {
            fieldone: { required: true },
            fieldtwo: { required: true }
        },
        submitHandler: function(form) {
            $(form).block();
            form.submit();
        }
    });

    $('input:checkbox[name=toggleone]').click(function() {
        if ($(this).is(':checked')) {
            $('input[name=fieldone]').rules('add', { required: true });
        } else {
            $('input[name=fieldone]').rules('remove');
        }
    });

    $('#altsubmit').click(function() {
        $('input[name=fieldtwo]').rules('remove');
        $('#form1').submit();
    });
});

我把一个页面展示与验证，blockui和动态规则的工作形式。

文章来源: Calling blockUI and unblockUI in combination with jQuery validator plugin