asp.net mvc验证样式着色而不是星号

时间:2011-03-28 23:56:11

标签: css asp.net-mvc validation asp.net-mvc-3 styling

验证的典型行为是当错误显示在要验证的控件下左/右/星号时。这要求我们规划那些验证控件将使用的空间(无论它只是一个*或一些更长的消息),因此会在HTML或CSS中产生各种黑客和变通方法。 ASP.NET MVC的内置验证我想要的是不显示任何新元素,而只是将现有元素的样式设置为不同(例如更改验证失败的文本框控件的颜色)。这样设计和网页配置保持不变。

我怎样才能做到这一点?

1 个答案:

答案 0 :(得分:3)

您可以像这样在CSS中添加样式:

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

您还需要从视图中删除任何@ Html.ValidationMessageFor(...)或@ Html.ValidationMessage(...)。