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

【问题标题】：Client-side validation in ASP.NET MVC project is not validating the rulesASP.NET MVC 项目中的客户端验证未验证规则
【发布时间】：2015-11-29 20:56:25
【问题描述】：

我在我的项目中使用以下客户端验证的 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>

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

【问题讨论】：

所以这只是一个样式问题？
我将我使用的相同 Javascript 和上面的 View 代码复制到一个空的 ASP.NET MVC 项目中，并且验证工作完美。所以我不确定在我的项目中使用此代码时会出现什么问题。
dotnetfiddle.net/pYvSfG
使用小写name = "fname" 没有任何作用.. 你需要使用正确的大小写Name = "fname"
你的编辑器的附加视图数据语法有点不对。如果你想更改名称和 id 字段@Html.EditorFor(model => model.Person.fName, new { htmlAttributes = new { @class = "form-control" , Name = "fname", id = "fname" }})，你必须使用它

标签： javascript jquery asp.net asp.net-mvc validation

【解决方案1】：

查看@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 一起提供：Unobtrusive Client Validation in ASP.NET MVC 3（较早的帖子）。

相关SO问答：What is jQuery Unobtrusive Validation?

【讨论】：

谢谢，虽然这并不能解决问题。