asp.net - 在 ValidationSummary 上动态显示 bootstrap 周围的错误 div？

Question

我有一个使用 Razor View Engine 的 ASP .NET MVC 4.5。我还向其中添加了 Bootstrap。

我的疑问是:如何根据@Html.ValidationSummary()动态显示或隐藏div？ - 最好没有 JQuery。

在我的具体情况下，有一个包含多个输入的表单。每当发生验证错误(例如空字段)时，我打算在单个 div 中显示相关的错误消息。

<div class="alert alert-danger">
@Html.ValidationSummary();
</div>

提前致谢。

Answer 1

这一切都内置于 MVC 中，没有理由进行任何形式的黑客攻击。

简单地使用:

@Html.ValidationSummary(false, "", new { @class = "alert alert-danger" })

当没有错误时，需要一些 CSS 来隐藏它:

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

更容易、更干净。