Question

我在asp.net MVC3项目中有一个页面。该页面有3个div，每个div都有一些输入字段。这些div通过选项卡导航访问，每个div中的下一个按钮单击下一个按钮用户通过jquery导航到下一个选项卡。在最后一个选项卡上有提交按钮，可以一次性提交所有div字段中的数据。

此单击“提交”按钮时，所有输入字段验证都会发生。这些验证是使用模型类中的jquery.validate.js和验证属性完成的。

现在问题是客户希望每个div的所有验证都应显示在相应div的Next按钮上，不应允许用户移动到下一个选项卡，直到他清除所有验证。

我的问题是如何在下一次点击按钮时触发验证事件？这里的约束是Next按钮不会发布数据只是navigat es到下一个标签。

Answer 1

您可以尝试劫持每个标签上的下一个按钮，并单独验证标签上的字段。如果其中任何一个失败，那么阻止它们继续前进。

    $('#tab1').click(function (e) {
      if (!$("#myform").validate().element("#specificField")){
        e.preventDefault();
      }
    });