asp.net-mvc - @Html.ValidationMessageFor 检查是否为空

Question

有这段代码

<div class="alert alert-danger">
            @Html.ValidationMessageFor(u => u.Email, null, new { @class = "test" })
        </div>

它应该使用alertalert-danger Bootstrap 类来显示错误消息。但在这种情况下，即使没有任何验证错误，alertalert-dangerdiv 随时可见。

有什么方法可以检查是否出现错误消息并仅在这种情况下显示alertalert-danger div？

Answer 1

将类添加到 ValidationMessageFor 帮助器本身，而不是添加到 outed div:

@Html.ValidationMessageFor(u => u.Email, "Your message", new { @class = "test alert alert-danger" })

更新

除此之外，您还需要修改添加到有效输入以隐藏它的 .field-validation-valid 类:

.field-validation-valid
{
  padding: 0 !important;
  margin: 0 !important;
  display: none !important;
}