模型验证错误ui通知

Question

Web UI中的新手。 对某些字段进行验证，我设法显示错误消息，一切正常。

如何在验证错误中更改UI - 例如，使用红色框圈出字段，以便用户立即看到？我错过了.cshtml中的一些IF吗？

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

BTW - 我看到我在项目中有一些bootstrap 3.0.0引用，所以如果它更容易提示我如何用红框圈出我的表单......

Answer 1

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

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