Javascript 选项卡中的多个文本框不工作

对于选项卡中的多个

文本框

，以下示例无效

密码

$（文档）。在（'click'，'button[name=“save”]”上，函数（）{
变量选项卡=$（'.tab窗格输入'）；
$（'.nav.nav-tabs li，.tab pane'）.removeClass（'active'）；
var bool=假；
$。每个（选项卡、函数（索引、值）{
if（$（this）.val（）.length您的示例之所以有效，是因为您正试图基于选项卡索引访问输入。一旦您向选项卡添加更多输入，li:eq（“+index+”）不会将“活动”类应用于其他输入。但是，您很可能不应该这样做，因为如果一次有多个输入标记为“活动”，用户会感到困惑。
欢迎这样做！您能解释什么不起作用吗？正确/预期的行为是什么？您想解释什么？您的问题的基本原理是什么？
$(document).on('click', 'button[name="save"]', function() {
  var tabs = $('.tab-pane input');
  $('.nav.nav-tabs li,.tab-pane').removeClass('active');
  
  var bool = false;
  $.each(tabs, function(index, value) {

    if ($(this).val().length <= 0) {
      $('ul.nav li:eq(' + index + ')').addClass('active');
      $('.tab-content .tab-pane:eq(' + index + ')').addClass('active');
      $(this).focus();
      return false;
    }
  });
  return false;
});