Question

我有一个ASP.NET MVC应用程序，我想把第一个字段集中在错误中。单击时，如果最后一个字段有错误并且用户尝试单击保存按钮，则焦点将转到错误的最后一个字段而不是第一个字段。我试过多次，包括以下内容：

    $('#Save').click(function () {
        $(".input-validation-error").each(function () {
            $(this).focus();
            return false;
        });
    });

是否存在任何解决方案，用户始终可以错误地转到第一个字段。此外，如果表单有其他类型的错误，如字段验证错误等，如何将用户带到第一个错误？

Answer 1

以下内容应该有效：

 $('#Save').click(function () {
    var firstError = $(".input-validation-error")[0];

    if(firstError != null){
     $(firstError).focus();
    }
});

Answer 2

我在这里创建了一个例子：

$('#Save').click(function () {
var save ="";
       $(".input").each(function () {
         if($(this).val() == ""){
            $(this).focus();
            return false;
            
            }
           save++;
        });
         
     if(save== $(".input").length){console.log("save");}   
    
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<button id=Save>save</button><br /><br />

<input class=input type=text><input class=input type=text><input class=input type=text><input class=input type=text><input class=input type=text>

因此，如果验证为真，则将执行操作，否则将关注具有错误的第一个输入。

首先关注错误字段按钮单击asp.net mvc

2 个答案: