Question

有没有办法自定义validationSummary，以便它可以输出锚标签，其中HREF是总结中的验证消息显示的字段的名称？这样，使用jquery，我可以添加onclick事件，在验证摘要上单击锚标记时聚焦该字段。

这主要针对视障人士，因此当他们有错误时，验证摘要会聚焦，他们会选择错误输入，带有字段标签的锚标记会聚焦，屏幕阅读器会读取锚点然后是消息，然后他们可以点击锚点来关注错误的字段。

＆lt; a href =“＃First_Name”＆gt;名字＆lt; / a＆gt; - 请输入你的名字。

感谢。

Answer 1

我认为框架内没有任何功能，因此您需要使用自定义扩展方法。例如：

    public static string AccessibleValidationSummary(this HtmlHelper htmlHelper, string message, IDictionary<string, object> htmlAttributes)
    {
        // Nothing to do if there aren't any errors
        if (htmlHelper.ViewData.ModelState.IsValid)
        {
            return null;
        }

        string messageSpan;
        if (!String.IsNullOrEmpty(message))
        {
            TagBuilder spanTag = new TagBuilder("span");
            spanTag.MergeAttributes(htmlAttributes);
            spanTag.MergeAttribute("class", HtmlHelper.ValidationSummaryCssClassName);
            spanTag.SetInnerText(message);
            messageSpan = spanTag.ToString(TagRenderMode.Normal) + Environment.NewLine;
        }
        else
        {
            messageSpan = null;
        }

        StringBuilder htmlSummary = new StringBuilder();
        TagBuilder unorderedList = new TagBuilder("ul");
        unorderedList.MergeAttributes(htmlAttributes);
        unorderedList.MergeAttribute("class", HtmlHelper.ValidationSummaryCssClassName);

        foreach (string key in htmlHelper.ViewData.ModelState.Keys)
        {
            ModelState modelState = htmlHelper.ViewData.ModelState[key];
            foreach (ModelError modelError in modelState.Errors)
            {
                string errorText = htmlHelper.ValidationMessage(key);
                if (!String.IsNullOrEmpty(errorText))
                {
                    TagBuilder listItem = new TagBuilder("li");

                    TagBuilder aTag = new TagBuilder("a");
                    aTag.Attributes.Add("href", "#" + key);
                    aTag.InnerHtml = errorText;
                    listItem.InnerHtml = aTag.ToString(TagRenderMode.Normal);
                    htmlSummary.AppendLine(listItem.ToString(TagRenderMode.Normal));
                }
            }
        }

        unorderedList.InnerHtml = htmlSummary.ToString();

        return messageSpan + unorderedList.ToString(TagRenderMode.Normal);
    }

这是在框架内使用现有的扩展方法并更改插入列表的标记。这是一个快速的示例，在使用之前需要考虑一些事项：

这不会对错误消息进行编码，因为我使用了现有的html.ValidationMessage。如果您需要对消息进行编码，那么您需要包含代码以提供默认消息和任何本地化要求。
由于使用了现有的ValidationMessage方法，因此锚点中有一个span标记。如果你想整理你的HTML，那么应该替换它。
这是通常的重载中最复杂的。如果你想使用一些较简单的例如html.ValidationSummary()，那么你需要创建相关的签名并调用所提供的方法。

如何在验证消息前面的验证摘要中获取错误字段的ID

1 个答案: