当1个字符填充了禁用的输入字段时，自动跳至下一个输入字段

ammf18 发表于 Dev

ammf18

您好朋友，我想在填写4个字符但1个字符并且如果有一个禁用的输入字段传递到下一个启用字段时将“自动”选项卡移到下一个输入字段

<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" disabled="disabled" />
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" disabled="disabled"  />
<input class="inputs" type="text" maxlength="1" />



$(".inputs").keyup(function () {
   if (this.value.length == this.maxLength) {
     $(this).next('.inputs').focus();
   }
});

Pranav C Balan

Use nextAll()method（next（）方法不能使用，因为它仅选择带有:enabled（仅获得启用的输入）和:first（以获得其中的第一个或最接近的一个）伪类选择器的立即相邻兄弟姐妹。

$(".inputs").keyup(function () {
   if (this.value.length == this.maxLength) {
     $(this).nextAll('.inputs:enabled:first').focus();
   }
});

$(".inputs").keyup(function() {
  if (this.value.length == this.maxLength) {
    $(this).nextAll('.inputs:enabled:first').focus();
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" disabled="disabled" />
<input class="inputs" type="text" maxlength="1" />
<input class="inputs" type="text" maxlength="1" disabled="disabled" />
<input class="inputs" type="text" maxlength="1" />

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。