ASP.NET MVC 和部分客户端验证

Question

我有一个巨大的表单，我想将其拆分为不同的步骤，但我需要在进入下一步之前验证当前步骤中的字段。

例如：我的表单有 40 个字段，它们分为 4 个步骤（每个步骤 10 个字段）。在 HTML 中，40 个页面位于同一页面中，但使用 jQuery，我只显示前 10 个页面和一个下一个按钮，第四个页面包含“提交”按钮。在进入下一步之前，我需要一种方法来调用这十个字段的验证。

有什么办法可以做到这一点吗？

问候。

Answer 1

假设您使用默认的 mvc3 非侵入性验证，您可以使用循环和 Single 对所需元素调用验证元素验证

Answer 2

如果您使用按钮在每个步骤之间移动，则可以修改页面，为每个步骤提供单独的表单。然后，您可以将验证限制为提交按钮的父级表单，并使用“步骤”的验证来确定是否启用/显示下一步的表单。这是一些示例代码：

$(".stepButton").live("click", function() {
    if (isValid(this)) {
        // code to proceed to next step
    }
});

function isValid(el) {
    var $thisform = $(el).parent().parent();
    $thisform.validate();
    return $thisform.valid();
}

Answer 3

您可以使用 jQuery 验证插件。它有一个选项来在验证时忽略元素。例如，您可以使用类标记所有未显示（并且不需要验证）的字段。例如，要使用 class="ignore" 忽略所有表单元素，您可以这样做：

$("#myform").validate({
   ignore: ".ignore"
})

Answer 4

尽管通过使用属性 class="ignore" 标记元素来忽略元素是可行的，但 MVC 3 默认使用 jQuery 的验证插件，并且该插件不会验证禁用的字段。除了可见的 10 个字段之外，您隐藏元素的代码也可以禁用这些元素，并且它们不会被验证（请注意，这些禁用的字段也不会发布到服务器）。

例如

$('input').attr('disabled', 'disabled');