顯示電子郵件驗證消息（紅色）在mvc剃鬚刀

並且我想以紅色顯示驗證錯誤消息。

這是我的viewmodel。

public class AViewModel 
{ 
    [Required(ErrorMessageResourceName = "EmailAddressRequired", ErrorMessageResourceType = typeof(Resources))] 
    [HomeController.EmailAddressAttribute(ErrorMessageResourceType = typeof(Resources), ErrorMessageResourceName = "EmailAddress_RegularExpression_ErrorMessage")] 
    public string EmailAddress { get; set; } 

    [HomeController.LocalizedDisplayNameAttribute("Password", NameResourceType = typeof(Resources))] 
    [Required(ErrorMessageResourceName = "PasswordRequired", ErrorMessageResourceType = typeof(Resources))] 
    [DataType(DataType.Password)] 
    public string Password { get; set; } 

    [HiddenInput(DisplayValue = false)] 
    public Guid id { get; set; } 
}

我的觀點看起來是這樣的：

<div class="left">  

    @Html.EditorForModel() 
    <br /> 

</div>

而且我的CSS是這樣的：

.left { float:left; width:430px; margin:0 -480px 0 0; 
     padding:0 40px 20px 0; border-right:1px solid #DDD;}

需要什麼CSS改變？

在側面視圖我已經使用@ Html.EditerForViewModel（）。當前顯示的驗證消息爲黑色。有沒有顯示爲紅色？

來源

2012-01-19 alice7

樣式使用CSS的跨度？查看MVC 3示例應用程序中登錄頁面的CSS樣式。 – Brandon

我更新了我的樣式表 – alice7

你可能忘了在你的頁面中包含用典型的ASP.NET MVC項目生成的css文件。默認情況下它被命名爲site.css。它也包含在Views/Shared/_Layout.cshtml的默認佈局視圖中。如果您創建了一個頁面而不使用佈局，則可以將其包含在您的視圖中。

<link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" />

如果沒有CSS文件，你可以手動創建一個具有以下在它

/* Styles for validation helpers 
-----------------------------------------------------------*/ 
.field-validation-error 
{ 
    color: #ff0000; 
} 

.field-validation-valid 
{ 
    display: none; 
} 

.input-validation-error 
{ 
    border: 1px solid #ff0000; 
    background-color: #ffeeee; 
} 

.validation-summary-errors 
{ 
    font-weight: bold; 
    color: #ff0000; 
} 

.validation-summary-valid 
{ 
    display: none; 
}

你可以整個CSS從另一個項目複製（創建一個新的項目，並丟棄它）如果你不小心從你當前的項目中刪除它。

來源

2012-01-19 23:24:39

我用CSS更新了我的問題... – alice7

@ alice7，錯誤消息元素使用樣式輸入驗證錯誤。確保你在你的CSS中有。 –

如果您右鍵單擊驗證消息的span標記，則會在錯誤消息中找到類似「class =」field-validation-error「的內容。在你的樣式表中，你可以簡單地添加一個屬性來使用顏色設置字體顏色：red;並將訣竅！

Jonathan

來源

2013-12-30 23:07:08 Jonathan

顯示電子郵件驗證消息（紅色）在mvc剃鬚刀

回答

相關問題