2

我们正在为基本网站制定一些可访问性标准，如果用户名字段未通过模型中定义的验证，则需要将焦点返回到用户名字段。我已经阅读了几篇表明这是存在的行为的帖子。但是，这不是我们看到的行为。我对 mvc natice 功能持开放态度（我们使用带有剃须刀的 mvc 3）或 jquery）

4

1 回答 1

3

我已经阅读了几篇表明这是存在的行为的帖子

奇怪，你这些帖子是哪里来的？我建议您通知此类帖子的作者这不是默认行为。

当然，当某些东西不是默认行为时，如果你想实现它，你就必须实现它。例如，如果有多个错误，您还没有明确指定它应该如何表现：应该关注哪个字段？首先？第三？第七个？

假设您要首先关注焦点。假设您使用的是 jQuery，您可以将以下内容添加到您的视图中：

@if (!ViewData.ModelState.IsValid)
{
    var key = ViewData
        .ModelState
        .Where(x => x.Value.Errors.Count > 0)
        .Select(x => x.Key)
        .FirstOrDefault();

    if (!string.IsNullOrEmpty(key))
    {
        <script type="text/javascript">
            $(function () {
                $(':input[name=@Html.Raw(Json.Encode(key))]').focus();
            });
        </script>
    }
}

你已经完成了。好吧，几乎，对这段代码的进一步改进当然是将其外部化为可重用的 HTML 帮助程序，以避免将您的视图转换为绝对可怕的东西。例如，您可以有一个自定义助手来实现此行为，您所要做的就是将以下内容添加到您的_Layout：

@Html.FocusOnFirstError()

可以通过以下方式实现：

public static class HtmlExtensions
{
    public static IHtmlString FocusOnFirstError(this HtmlHelper htmlHelper)
    {
        if (htmlHelper.ViewData.ModelState.IsValid)
        {
            return MvcHtmlString.Empty;
        }

        var key = htmlHelper
            .ViewData
            .ModelState
            .Where(x => x.Value.Errors.Count > 0)
            .Select(x => x.Key)
            .FirstOrDefault();

        if (string.IsNullOrEmpty(key))
        {
            return MvcHtmlString.Empty;
        }

        var script = new TagBuilder("script");
        script.Attributes["type"] = "text/javascript";
        script.InnerHtml = string.Format(
            "$(function() {{ $(':input[name={0}]').focus(); }});", 
            Json.Encode(key)
        );
        return new HtmlString(script.ToString(TagRenderMode.Normal));
    }
}
于 2012-05-22T22:47:21.563 回答