0

AjaxフォームのvalidationMessageForに新しいcssを入れることができないようです...

 @using (Ajax.BeginForm(new AjaxOptions { HttpMethod = "POST", OnSuccess = "Success", OnFailure = "Fail" }))
{

<div class="separaror">
    <div class="line1">
        @Html.LabelFor(m => m.Name)
        <br />
        @Html.TextBoxFor(m => m.Name)

            @Html.ValidationMessageFor(m => m.Name)

    </div>

    <div class="linha2">
        <br>
        <input type="submit" value="Save" />
        <input type="button" id="btnCancel" value="Cancel" />
    </div>
</div>

}

私のCSS

.field-validation-error {
color: #e80c4d;
font-weight: bold;
}

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

input.input-validation-error {
border: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error {
border: 0 none;
}

.validation-summary-errors {
color: #e80c4d;
font-weight: bold;
font-size: 1.1em;
}

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

オーバーライドしません..なぜですか？どんな助けでも大歓迎です！Visual Studio のデフォルトの Asp MVC 4 アプリケーションから css を直接コピーしましたが、これが機能しない理由がわかりません。私がやっているアプリケーションは mvc 4 のデフォルトのアプリケーションではないので、何か足りないものがあるに違いありません

4

1 に答える 1

3

.input-validation-error入力の検証を設定する必要があります

これがあなたのやり方です

.input-validation-error{ background: pink; border: 1px solid red; }

をスタイルアップする.field-validation-errorと、検証エラー メッセージが変更されます。

.field-validation-error{ color: red; font-weight: bold; }

それが役に立てば幸い

于 2013-08-08T14:56:41.570 に答える