Javascript 如何使用客户端验证在c#中的asp.net mvc上工作？

当我的

@EditorFor（）

控件有空白时，我使用jQuery进行客户端验证。但是，当我过滤任何数据时，错误不会消失

我还需要在我的逻辑中的一些例子，因为当错误突然出现时，它必须显示在中间的图像，目前它在一边

// Model
     [Required]
        public int ZipCode { get; set; }
        public string Country { get; set; }

        [Required]
        public string Email { get; set; }

        [Required]
        public string CellNumber { get; set; }

// View

<div class="form-group row">
                                <label for="ZipCode" class="col-sm-2 col-form-label"></label>
                                <div class="col-sm-3">
                                    @Html.EditorFor(model => model.RegForm.ZipCode, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "ZipCode", id = "textZipCode" } })
                                    @Html.ValidationMessageFor(model => model.RegForm.ZipCode, "", new { @class = "text-danger" })
                                </div>
                                <label id="labelMessage_zip" class="text-danger" style="display:none">This field is required</label>
                            </div>

                            <div class="form-group row">
                                <label for="Email" class="col-sm-2 col-form-label">Email:</label>

                                <div class="col-sm-4">
                                    @Html.EditorFor(model => model.RegForm.Email, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "Email", id = "textEmail" } })
                                    @Html.ValidationMessageFor(model => model.RegForm.Email, "", new { @class = "text-danger" })
                                </div>
                                <label id="labelMessage_email" class="text-danger" style="display:none">This field is required</label>
                            </div>

                            <div class="form-group row">
                                <label for="Attendee" class="col-sm-2 col-form-label">Attendee Cell Number*</label>
                                <div class="col-sm-3">
                                    @Html.EditorFor(model => model.RegForm.CellNumber, new { htmlAttributes = new { @class = "form-control", autofocus = "autofocus", placeholder = "Cell Number", id ="textCellNumber" } })
                                    @Html.ValidationMessageFor(model => model.RegForm.CellNumber)
                                </div>
                                <label id="labelMessage_cell" class="text-danger" style="display:none">This field is required</label>
                            </div>

//模型
[必需]
公共int ZipCode{get；set；}
公共字符串国家{get；set；}
[必需]
公共字符串电子邮件{get；set；}
[必需]
公共字符串CellNumber{get；set；}
//看法
@EditorFor（model=>model.RegForm.ZipCode，new{htmlAttributes=new{@class=“form control”，autofocus=“autofocus”，placeholder=“ZipCode”，id=“textZipCode”}）
@Html.ValidationMessageFor（model=>model.RegForm.ZipCode，“，new{@class=“text danger”}）
此字段必填
电邮：
@EditorFor（model=>model.RegForm.Email，new{htmlAttributes=new{@class=“form control”，autofocus=“autofocus”，placeholder=“Email”，id=“textmail”}）
@Html.ValidationMessageFor（model=>model.RegForm.Email，“，new{@class=“text danger”}）
此字段必填
与会者手机号码*
@EditorFor（model=>model.RegForm.CellNumber，new{htmlAttributes=new{@class=“form control”，autofocus=“autofocus”，placeholder=“Cell Number”，id=“textCellNumber”}）
@Html.ValidationMessageFor（model=>model.RegForm.CellNumber）
此字段必填

$（函数（）{
//当文本框中出现模糊事件时（失去焦点）
$（'#textmail'）.blur（函数（）{
var email=document.getElementById（“textEmail”）.value；
变量表达式=/[a-z0-9.\uz%+-]+[a-z0-9.-]+\[a-z]{2，}$/；
如果（！扩展测试（电子邮件））{
document.getElementById（“labelMessage_email”）.style.display=“inline”；
}
否则{
document.getElementById（“labelMessage_email”）.style.display=“无”；
}
});
});
//手机的错误信息。
$（函数（）{
$（'#textCellNumber'）.blur（函数（）{
var cell=document.getElementById（“textCellNumber”）.value；
变量表达式=/[a-z0-9.\uz%+-]+[a-z0-9.-]+\[a-z]{2，}$/；
如果（！扩展测试（单元））{
document.getElementById（“labelMessage_cell”）.style.display=“inline”；
}否则{
document.getElementById（“labelMessage_cell”）.style.display=“无”；
}
});
});
//ZipCode的错误消息。
$（函数（）{
$（'#textZipCode'）.blur（函数（）{
var zipcode=document.getElementById（“textZipCode”）.value；
变量表达式=/[a-z0-9.\uz%+-]+[a-z0-9.-]+\[a-z]{2，}$/；
if（！expr.test（zipcode））{
document.getElementById（“labelMessage_-zip”）.style.display=“inline”；
}否则{
document.getElementById（“labelMessage_-zip”）.style.display=“无”；
}
});
});

使用以下库：

"~/Content/assets/js/jquery.validate.min.js"
"~/Content/assets/js/jquery.validate.unobtrusive.min.js"

在模型中，将属性上方的属性写为：

[Required]
public string Email { get; set; }

使用属性库：

使用System.ComponentModel.DataAnnotations

使用这些库：

"~/Content/assets/js/jquery.validate.min.js"
"~/Content/assets/js/jquery.validate.unobtrusive.min.js"

在模型中，将属性上方的属性写为：

[Required]
public string Email { get; set; }

---

使用属性库：

使用System.ComponentModel.DataAnnotations

只需使用MVC提供的不引人注目的验证即可。添加jaquery引用以进行不引人注目的验证。我可以使用任何示例吗？答案中提供了进一步的帮助—只需使用MVC提供的不引人注目的验证即可。添加jaquery引用以进行不引人注目的验证。我可以使用任何示例吗？答案中提供了进一步的帮助OK Imran让我现在就开始工作如果需要，请提供反馈。谢谢。您看到有一个小问题，电子邮件只是一个有效的例子。这意味着，与zipCode和CellNumber不同，当存在电子邮件时，错误消失。它们似乎不起作用。让我向您展示我在本主题中的逻辑。下面是应用不引人注目的验证的详细示例Ok Imran让我现在开始工作如果需要，请提供反馈，谢谢。您看到了一个小问题，电子邮件是唯一有效的。这意味着，与zipCode和CellNumber不同，当存在电子邮件时，错误消失。它们似乎不起作用。让我向您展示我在本主题中的逻辑。下面是应用不引人注目的验证的详细示例