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 回答