为什么ValidationSummary(true)显示属性错误的空摘要？

Question

我在使用ValidationSummary(true)显示模型级错误时遇到了一些问题.如果ModelState不包含模型错误(即ModelState.AddModelError("", "Error Description"))但包含属性错误(使用数据注释添加),则会显示没有错误信息的验证摘要(当您查看源时).因此我的css显示一个空的红色框,如下所示:

如果没有属性错误,则不显示验证摘要.有了ValidationSummary(true)我会期待它只能显示验证错误,如果有模型误差.我误解了什么？

我有一个基本项目如下:

控制器:

public class HomeController : Controller
{
    public ViewResult Index()
    {
        return View();
    }

    [HttpPost]
    public ActionResult Index(IndexViewModel model)
    {
        return View();
    }
}

模型:

public class IndexViewModel
{
    [Required]
    public string Name { get; set; }
}

视图:

@model IndexViewModel

@Html.ValidationSummary(true)

@using(@Html.BeginForm())
{
    @Html.TextBoxFor(m => m.Name)
    <input type="submit" value="submit" />
}

Answer 1

@if (ViewContext.ViewData.ModelState.Where(x => x.Key == "").Any())
{
    @Html.ValidationSummary(true, null, new { @class = "ui-state-error" })
}

这将检查是否存在任何模型范围的错误,并仅在存在某些错误时呈现摘要.

Answer 2

我认为ValidationSummary帮助方法有问题.您可以轻松创建包装内置的自定义帮助器方法ValidationSummary.

public static MvcHtmlString CustomValidationSummary(this HtmlHelper htmlHelper, bool excludePropertyErrors)
{
  var htmlString = htmlHelper.ValidationSummary(excludePropertyErrors);

  if (htmlString != null)
  {
    XElement xEl = XElement.Parse(htmlString.ToHtmlString());

    var lis = xEl.Element("ul").Elements("li");

    if (lis.Count() == 1 && lis.First().Value == "")
      return null;
  }

  return htmlString;
}

然后从你的角度来看,

@Html.CustomValidationSummary(true)

Answer 3

也检查这个问题.

您可以使用CSS隐藏摘要:

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

此外,您可以在之前放置验证摘要Html.BeginForm().

Answer 4

另一种方法是检查是否有任何li元素,如果不是隐藏validation-summary-errors

<script type="text/javascript">
     $(document).ready(function () {
          if ($(".validation-summary-errors li:visible").length === 0) {
               $(".validation-summary-errors").hide();
          }
     });
</script>