asp.net-mvc-3 - asp.net mvc 3 验证摘要未通过不显眼的验证显示

Question

我在让 asp.net MVC 客户端验证按照我想要的方式工作时遇到问题。

我让它基本上工作，但是，直到用户单击提交按钮才显示验证摘要，即使单个输入被突出显示为无效，因为用户选项卡/点击等他们通过表单的方式。这一切都发生在客户端。

我原以为一旦发现输入字段无效，就会显示验证摘要。

这是设计使然吗？有什么办法可以解决它，因为我希望在发现输入字段之一无效后立即显示验证摘要。

我的代码基本上是

<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>
...
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(false)
        @Html.EditorFor(model => model);   
        ...

还有我的 _Layout.cshtml引用 jquery-1.4.4.min.js .

Answer 1

您可以在 onready 中设置更频繁地触发验证摘要:

var validator = $('form').data('validator');
validator.settings.showErrors = function (map, errors) {
    this.defaultShowErrors();
    this.checkForm();
    if (this.errorList.length)
        $(this.currentForm).triggerHandler("invalid-form", [this]);
    else
        $(this.currentForm).resetSummary();
    }
}

这是上面使用的resetSummary:

jQuery.fn.resetSummary = function () {
    var form = this.is('form') ? this : this.closest('form');
    form.find("[data-valmsg-summary=true]")
        .removeClass("validation-summary-errors")
        .addClass("validation-summary-valid")
        .find("ul")
        .empty();
    return this;
};