MVC3条件JQuery验证

Question

我正在尝试使用jQuery验证器进行一些条件验证。

我在javascript中有一个向导，在转到下一步时调用calls方法：

var validator = $("form").validate();
var anyError = false;

step.find("input").each(function () {
    if (!validator.element(this)) {
        // validate every input
        anyError = true;
    }
});

if (anyError) {
    return false;
}

当我在模型上有一个必需的属性时，所有操作都很好。

不过，我有这样的设想：

我有一个选项: Email或Ftp

• ，当选择电子邮件选项时，我想显示电子邮件地址字段并添加
• 选项，我不想验证电子邮件地址

这是电子邮件地址的html片段。

<div class="email-address" style="display: none;">
   <label class="fullwidth" for="EmailAddress">Email Address</label>
   @Html.TextBoxFor(m => m.EmailAddress, new { @class = "longtext" })
   <div id="email-validation">
   </div>

​

我尝试过各种方法，但是next按钮验证例程总是认为表单是有效的。例如。

$("form").validate({
    errorLabelContainer: '#email-validation',
    rules: {
        EmailAddress: {
           required: true
        }
    },
    messages: {
        EmailAddress: "Please enter an email address"
    }
});

任何帮助都很感激。

Answer 1

我不确定，但我很确定您不能将标准jquery验证与MVC3客户端验证结合使用。你必须做一个或另一个。

更确切地说，MCV3客户端验证适应jquery验证以供自己使用，这与使用jquery验证独立存在冲突。

Answer 2

我将使用disabled输入不参与验证的事实。添加服务器端所需的内容，但选择ftp时只需禁用和隐藏EmailAddress即可。