模型验证错误 ui 通知答案

【问题标题】：model validation error ui notification模型验证错误 ui 通知
【发布时间】：2014-02-25 19:21:22
【问题描述】：

Web UI 中的新手。在某个字段上进行了验证，我设法显示错误消息并且一切正常。

如何在验证错误中更改 UI - 例如用红色框圈出该字段，以便用户立即看到？ .cshtml 中是否有一些我想念的 IF？

<section class="form-field">                
     @Html.TextBoxFor(m => m.FirstName, new { @class = "field field182" })
     @Html.ValidationMessageFor(m => m.FirstName, null)

顺便说一句 - 我看到我在项目中有一些 bootstrap 3.0.0 参考，所以如果它更容易提示我如何用红色框圈出我的表单...

【问题讨论】：

您是否在 FirstName 属性上使用了 Required 属性？这应该将字段标记为必填，然后该字段将标记为红色
触发验证后，您可以使用 Firebug 或类似工具检查该字段，您应该会看到添加了一个“错误”类。我猜是因为您使用的是 Bootstrap，所以您没有错误类的默认 css，因此您看不到任何更改。 Bootstrap 可能会有不同的错误类名。

标签： asp.net-mvc validation twitter-bootstrap asp.net-mvc-5

【解决方案1】：

将模型中的字段FirstName 标记为[Required]。例如

[Display(Name = "First Name")]
[Required(ErrorMessage = "First Name is Required")]
public string FirstName { get; set; }

【讨论】：