如何将焦点设置为未通过验证的输入字段

Question

我有一个简单的ASP.NET Core 1.1 Web应用程序，其表单包含一些经过验证的输入字段。当用户提交表单并且提交的输入未通过验证时，我希望焦点自动设置为未通过验证的（第一个）输入字段。

有没有办法在ASP.NET Core中执行此操作？

在webforms中有各种用于验证的服务器控件（例如RequiredFieldValidator），它引用了输入字段并且具有允许此功能的名为SetFocusOnError的属性。所以我想知道ASP.NET Core是否有类似内容......

Answer 1

使用ASP.NET Core，您必须生成所需的HTML和JavaScript才能执行此操作。 您必须添加Tag Helper才能添加验证类

<div class="editor-field @Html.AddValidationClass("Email", "has-error")">
    @Html.EditorFor(model => model.Email)
    @Html.ValidationMessageFor(model => model.Email)
</div> 

然后你可以使用jQuery类选择器：

$(function() {
    $('.has-error :input').focus();
});