mvcの剃刀の電子メールの妥当性検査のメッセージを示しています

Question

私はmvcの剃刀を使い始めました。

と、検証エラーメッセージを赤で表示したいと思います。

ここは私のビューモデルです。

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（）です。 現在検証メッセージが黒で表示されています。 赤で表示するものはありますか？

Answer 1

通常のASP.NET MVCプロジェクトで生成されたcssファイルをページに含めるのを忘れていると思います。デフォルトでは、site.cssという名前になっています。これは、Views/Shared/_Layout.cshtmlのデフォルトレイアウトビューにも含まれています。ページを作成してレイアウトを使用していない場合は、そのレイアウトをビューに含めることができます。あなたは手動で作成でき、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; 
} 

を以下している場合は

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

あなたは（別のプロジェクトから全体のCSSをコピーして新しいプロジェクトを作成し、捨てることができあなたが現在のプロジェクトからそれを誤って削除した場合）。

Answer 2

有効なメッセージのスパンタグを右クリックすると、エラーメッセージにclass = "field-validation-error"のようなものが見つかります。スタイルシートでは、color：redを使用してフォントの色を設定するプロパティを追加するだけです。トリックに！

ジョナサン