模型驗證錯誤UI通知

Web用戶界面中的新手。有一些字段驗證，我設法顯示錯誤信息，一切都很好。模型驗證錯誤UI通知

如何在驗證錯誤中更改用戶界面 - 例如用紅色框圈出字段，以便用戶立即看到該字段？我錯過了.cshtml中的IF嗎？

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

順便說一句 - 我看到我在該項目中的一些引導3.0.0參考，所以如果它會更容易提示我如何圓自己的狀態用紅色框...

來源

2014-02-25 user1025852

您是否在FirstName屬性上使用了Required屬性？這應該標記爲需要的字段，然後該字段將被標記爲紅色 – Fals

當驗證被觸發時，您可以使用Firebug或類似工具檢查該字段，您應該看到已添加「錯誤」類。我在猜測，因爲你使用Bootstrap，你沒有錯誤類的默認CSS，所以你沒有看到改變。 Bootstrap可能會有一個不同的錯誤類名稱。 – markpsmith

馬克領域FirstName在您的型號爲[Required]。例如，

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

來源

2018-03-10 00:02:07

模型驗證錯誤UI通知

回答

相關問題