ASP.NET MVC 向导和 xVal 验证

Question

我正在 ASP.NET MVC 中构建一个向导式应用程序，想知道您对我当前的方法是否有任何反馈。

向导的每个步骤都是由 DIV 包装的部分视图（用户控件）。所有 DIV 都显示在同一视图 (Create.aspx) 上。然后，我使用 jQuery 转到下一步或上一步 - 换句话说，隐藏或显示特定的 DIV。

它工作得很好，但现在我需要实施验证。因此，我已经实现了 xVal，但目前仅在向导的最后一步提交表单时才会进行验证。

相反，我想在执行过程中验证我的模型，这样如果步骤 1 中的输入无效，我就无法继续执行步骤 2。

基本上，当我要切换到下一步时，我想调用 xVal 验证过程。

关于如何去做有什么想法吗？

谢谢。

Answer 1

xVal 在支持下构建 jQuery 的 验证插件 就在门口。您应该能够在需要时使用插件的 API 来调用 Validate() 和 Valid() 方法。

例如，在每次单击“移至下一步”按钮时，您可以调用 valid() 在当前步骤中的每个输入上，查看是否应该继续。

$("#myform").validate();
$("a.nextstep").click(function() {
  if (!$("#input1").valid());
  return false;
});