MVC3 条件 JQuery 验证

发布于 2024-12-12 07:50:21 字数 1154 浏览 1 评论 0原文

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

我有一个 javascript 向导，在进入下一步时调用验证方法：

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;
}

当我在模型上有 [Required] 属性时，一切正常。

但是我有这种情况：

我有一个下拉菜单，可以选择：电子邮件或 Ftp
当选择电子邮件选项时，我想显示电子邮件地址字段并添加验证
当选择 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>

我已经尝试了各种方法，但下一个按钮验证例程始终认为该表单是有效的。例如。

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

任何帮助表示赞赏。

原文

I'm trying to do some conditional validation using the jQuery validator.

I have a wizard in javascript that calls the validate method when moving to the next step:

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;
}

All works fine when I have a [Required] attribute on the model.

However I have this scenario:

I have a drop down with a choice: Email or Ftp
When the Email option is selected I want to show the email address field and add validation
When the Ftp option is selected I don't want to validate the email address

Here's the html snippet for the email address.

<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>

I've tried all sorts but the next button validation routine always thinks the form is valid. For example.

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

Any help appreciated.

分享到QQ

分享到微博