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

Question

我正在做整个表单的验证，该表单分布在不同的部分中，其中每个部分为nav-tab，当我填写整个表单时，光标在最后一部分中，请单击"保存"按钮如果第一部分中的文本框验证不匹配（第一个NAV-TAB），并且我希望用户专注于失败的TextBox 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();
}