javascript - 使用 focus() 函数导航到同一页面不同选项卡中的元素

Question

我正在验证整个表单，它分布在不同的部分，每个部分都是一个 nav-tab ，当我填写整个表单并且光标位于最后一部分时，单击保存如果第一部分(第一个导航选项卡)中的文本框验证不匹配并且我希望用户关注失败的文本框 document.getElementById(ID).focus() 按钮 未导航到验证失败的元素。

如何实现以上功能？？

 function validate()
    {
      var valid = true;
      var alphaFilter = /^[A-z]{0,}$/;
      if (!(alphaFilter.test($('#fieldId').val()))
      {
        if(valid){$('#fieldId').focus();}
        $('#fieldId').css("border-color", "#e84e40");
        valid = false ; 
      }
       --- each field has its own if condition
       return valid;
    }

验证函数在提交函数内部被调用以进行进一步处理，有效变量用于聚焦表单中的第一个无效条目。

Answer 1

我会制作一个参数来接受选择器，以使其更有用。

像这样的..

function switchtab (){
    $("#tab1").removeClass("active");
    $("#tab2").addClass("active");
    $("#tabpanel1").removeClass("active");
    $("#tabpanel2").addClass("active");
    //should be good to focus now
    $(selector).focus();
}