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

Posted 2023-02-22

【中文标题】ASP.NET MVC 项目中的客户端验证未验证规则

【英文标题】：Client-side validation in ASP.NET MVC project is not validating the rules

【发布时间】：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" )

，你必须使用它

【参考方案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?

【讨论】：

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