7

モデルの検証メッセージがあります:

    <td colspan="2">
        <div class="rereg-input">
           @Html.TranslatedTextBoxFor(m => m.Email)
           @Html.ValidationMessageFor(m => m.Email)
         </div>
     </td>

ユーザーが忘れると、テキストのフィールドの横に * が表示されます。

ここに画像の説明を入力

しかし、彼らが悪いメールを入力すると、メッセージは最後に置かれます。どうすればそれを下に入れることができますか?

ここに画像の説明を入力

4

2 に答える 2

8

CSS/HTML 構造を再配置/修正する必要があります。

<td colspan="2">
    <div class="rereg-input">
        @Html.TranslatedTextBoxFor(m => m.Email)
        <div>
            @Html.ValidationMessageFor(m => m.Email)
        </div>
    </div>
</td>

MVC が検証メッセージ要素と set に配置する CSS クラスを変更した方がよい場合がありますdisplay:block;

.validation-message {
    /* ... */
    display:block;
}
于 2013-02-27T23:57:30.677 に答える
6

単にdivで囲むだけでうまくいくはずです

<div>@Html.ValidationMessageFor(m => m.Email)</div> 
于 2013-02-27T23:55:39.550 に答える