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" }})的输出，尊重地为您的输入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 Q＆amp; A：What is jQuery Unobtrusive Validation?

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

1 个答案: