我在asp.net MVC3项目中有一个页面。该页面有3个div,每个div都有一些输入字段。这些div通过选项卡导航访问,每个div中的下一个按钮单击下一个按钮用户通过jquery导航到下一个选项卡。在最后一个选项卡上有提交按钮,可以一次性提交所有div字段中的数据。
此单击“提交”按钮时,所有输入字段验证都会发生。这些验证是使用模型类中的jquery.validate.js和验证属性完成的。
现在问题是客户希望每个div的所有验证都应显示在相应div的Next按钮上,不应允许用户移动到下一个选项卡,直到他清除所有验证。
我的问题是如何在下一次点击按钮时触发验证事件?这里的约束是Next按钮不会发布数据只是navigat es到下一个标签。
答案 0 :(得分:1)
您可以尝试劫持每个标签上的下一个按钮,并单独验证标签上的字段。如果其中任何一个失败,那么阻止它们继续前进。
$('#tab1').click(function (e) {
if (!$("#myform").validate().element("#specificField")){
e.preventDefault();
}
});