对于选项卡中的多个文本框不起作用

Question

对于标签中的多个textboxes，以下示例无效。

代码

JSFiddle

$(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;
});

Answer 1

您的示例剂量工作的原因是您尝试根据选项卡索引访问输入。将更多输入添加到选项卡后，li：eq（＆＃39; + index +＆＃39;）将不会将活动类应用于其他输入。但是，如果一次将多个输入标记为活动，则您很可能不应该对用户造成混淆。