asp.net-mvc-3 - asp.net MVC 検証メッセージの位置をカスタマイズする方法

Question

データ注釈を使用して MVC モデルの検証を行っています。検証メッセージは入力の右側に表示されますが、スクリーン ショットのように入力ボックスの下に表示したいと考えています。

HTMLに触れずに何をする必要があるか教えてください。ありがとう

Answer 1

CSS のクラスを変更field-validation-errorして、それらを新しい行に配置することができます。1 つの方法は、スタイルvalidation-summary-errorsを使用して要素をブロックすることです。display:blockサンプル CSS は次のとおりです。

.field-validation-error {
    display: block;
}