与jQueryvalidation器插件一起调用blockUI和unblockUI

我有一个非常复杂的表单，validation工作正常。 但是，由于完成validation可能需要一段时间，因此当我单击表单的提交按钮以防止混淆和双重提交时，我想使用blockUI进行调用。 我无法弄清楚如何做到这一点。

我的代码如下所示：

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

我正在使用几个按钮（使用他们的点击function）调用validation，具体取决于表单中的选择，通常禁用一些规则：

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

我无法弄清楚的是blockui和unblockui调用会在哪里进行，以便当用户单击按钮时，在validation开始之前，blockui会发挥作用，如果validation发现问题，则调用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(); }); }); 

我整理了一个页面来演示一个包含validate，blockui和动态规则的工作表单。