ASP.NET MVC项目中的客户端验证未验证规则

Question

我在我的项目中使用以下JS.fiddle客户端验证。 我已经将此示例实现为我的JavaScript。 http://jsfiddle.net/rtglenn/VwPaR/

当前，这些字段在活动时突出显示为绿色，并保持绿色。 但是，如果其中一个规则被破坏，它们不会显示红色。

这是我的观点：

@using (Html.BeginForm()
{ 
<div class="form-horizontal">
    @Html.AntiForgeryToken()
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    <div class="form-group has-feedback">
        <div class="float:left"> 
            @Html.Label("First Name:", htmlAttributes: new { @class = "control-label col-md-2", @for = "fname" })
            <div class="col-md-3">
                 @Html.EditorFor(model => model.Person.fName, new { htmlAttributes = new { @class = "form-control" }, name = "fname", id = "fname" })
                 @Html.ValidationMessageFor(model => model.Person.fName, "", new { @class = "text-danger" })
            </div>
        </div>

在这个问题上的任何帮助将不胜感激。 我检查了我引用的脚本的顺序是否正确。

Answer 1

查看@Html.EditorFor(model => model.Person.fName, new { htmlAttributes = new { @class = "form-control" }})的输出， @Html.EditorFor(model => model.Person.fName, new { htmlAttributes = new { @class = "form-control" }})您的输入name属性分配值Person.fName和Person.lName ，恭喜。

您的规则需要与这些名称值相关联。

 rules: {
            "Person.fName" : {
                minlength: 3,
                maxlength: 15,
                    required: true
                },
            "Person.lName" : {
                minlength: 3,
                maxlength: 15,
                required: true
            }
        },

为了获得视觉反馈，请将其添加到您的CSS：

.form-control.has-error input,
.has-error input 
{
    background-color:red;
    color:white;
}

当然，还有其他验证框架和方法。 MVC附带其中之一： ASP.NET MVC 3中的不干扰客户端验证 （旧文章）。

相关的SO问答： 什么是jQuery不干扰验证？