如果模型无效，带有 exceptPropertyErrors = true 的 ASP.NET MVC Validationsummary 将呈现为空

Question

假设您有一个标准的 ValidationSummary：

<%: Html.ValidationSummary(excludePropertyErrors: true) %>

如果 ModelState 包含属性的模型错误，但不包含模型本身的模型错误，则 ValidationSummary 会呈现以下 HTML：

<div class="validation-summary-errors"><ul><li style="display:none"></li></ul></div>

显示为空列表，但由于列表周围有红色边框，因此仍然可见。这对我来说似乎是一个错误。我可以关闭 ValidationSummary 帮助器呈现空列表的功能吗？

Answer 1

与 usr 的答案类似，我用以下方法修复了这个问题：

public static IHtmlString FixedValidationSummary(this HtmlHelper htmlHelper)
{
    return htmlHelper.FixedValidationSummary(false);
}

public static IHtmlString FixedValidationSummary(this HtmlHelper htmlHelper,
    bool excludePropertyErrors)
{
    var result = htmlHelper.ValidationSummary(excludePropertyErrors);
    return result == null || result.ToString().Contains("display:none") ? null : result;
}

这样我就不必实际分叉原始版本。

不过，同意，这很烦人。

Answer 2

当我通过查看源代码发现没有解决方案后，我通过 fork MVC 版本的代码并修改一行代码解决了问题。

Answer 3

Bootstrap 类修复的另一个变体是：

public static class ValidationSummaryExtensions
{
    public static MvcHtmlString CleanValidationSummary(this HtmlHelper htmlHelper, bool excludePropertyErrors, string message = null)
    {
        if(htmlHelper == null) throw new ArgumentNullException("htmlHelper");

        MvcHtmlString validationSummary = null;
        if (htmlHelper.ViewData.ModelState.ContainsKey(string.Empty))
        {
            var htmlAttributes = new { @class = "alert alert-danger" };
            validationSummary = htmlHelper.ValidationSummary(excludePropertyErrors, message, htmlAttributes);
        }

        return validationSummary;
    }
}

Answer 4

另一种解决方法是将样式移至 div。 CSS 如下：

div.validation-summary-valid {
    display: none;
}

当摘要返回且没有错误时，div 不会显示。当出现错误时，该类会自动更改为validation-summary-errors。