更改MVC4中的默认ValidationSummary模板

时间:2012-09-28 00:37:06

标签: c# asp.net asp.net-mvc asp.net-mvc-4

我想更改默认Html.ValidationSummary()模板,以使其与twitter bootstrap一起使用。我在哪里可以找到它?

我发现的只有this。但它没有帮助。我需要更改源本身,因为我正在使用客户端验证。我已经检查了jquery.validate.jsjquery.validate.unobtrusive.js,但没有检查html代码。

1 个答案:

答案 0 :(得分:2)

因此您需要在CSS中更改它。

检查此link

以这种方式更改行添加.alert-error和自动生成的类.validation-summary-errors,同时添加相关类。

.alert-error, .validation-summary-errors {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

所以这样改变css类。

ValidationSummary中自动生成的css类。

.validation-summary-errors {
    background-color: #D9FFB2;
    border:1px solid #5CBA30;
    width: 400px;
    }
span.validation-summary-errors {
    border-bottom-color: #D9FFB2;
    display:block;
    }
ul.validation-summary-errors {
    margin:0;
    padding:0;
    border-top:none;
    }