Asp.net MVC3验证事件调用

时间:2011-10-24 16:07:31

标签: jquery asp.net asp.net-mvc-3

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

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

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

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

1 个答案:

答案 0 :(得分:1)

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

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