使用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;
    }

validate函數在Submit函數內部被調用以進行進一步處理，而有效變量則用於將表單中的第一個無效條目作為焦點。

Answer 1

我將加入選擇器以使其更有用。

像這樣

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