css - 2 种不同的 DataAnnotation 验证样式与 css

Question

我正在使用 ASP.NET MVC 2，并使用 DataAnnotation 来验证我网站上的字段，但我希望错误消息根据表单具有两种不同的样式。我知道 DataAnnotation 使用这两个 css 类:

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

.validation-summary-errors
{
   font-weight: bold;
   color: #ff0000;
}

我的问题是，您能否指定验证使用哪个 css 类，如果是，如何指定？提前谢谢你们的帮助。到目前为止，我还没有找到这个答案。

Answer 1

您可以为您的表单提供不同的 ID 并调整您的 CSS。示例:

<form action="/foo" method="post" id="form1">
    ...
</form>

<form action="/foo" method="post" id="form2">
    ...
</form>

然后有不同的CSS规则:

#form1 .input-validation-error
{
   background-color: red;
   border: solid 2px #ff9999;
}

#form2 .input-validation-error
{
   background-color: blue;
   border: solid 2px #ff9999;
}