Javascript 输入两个数字后，自动切换到下一个输入字段

我正在创建一个表单，表单的一部分是三个字段，每个字段需要输入两个数字。当有人在第一个字段中输入两个数字时，我希望他们自动移动到第二个字段，然后在第二个字段中输入两个数字时移动到第三个字段

这是我的代码-不幸的是，它不起作用，我非常感谢您的帮助：

<div class="en__field__element en__field__element--tripletext">
    <div class="en__field__item">
        <input id="en__field_supporter_NOT_TAGGED_11" type="text" class="en__field__input en__field__input--tripletext" name="supporter.NOT_TAGGED_11" value="" maxlength="2">
    </div>
    <div class="en__field__item">
        <input type="text" class="en__field__input en__field__input--tripletext" name="supporter.NOT_TAGGED_11" value="" maxlength="2">
    </div>
    <div class="en__field__item">
        <input type="text" class="en__field__input en__field__input--tripletext" name="supporter.NOT_TAGGED_11" value="" maxlength="2">
    </div>
</div>

$(".en__field__input.en__field__input--tripletext").keyup(function () {
if (this.value.length == this.maxLength) {
  var $next = $(this).next('.en__field__input.en__field__input--tripletext');
  if ($next.length)
      $(this).next('.en__field__input.en__field__input--tripletext').focus();
  else
      $(this).blur();
}
});

$（“.en\u字段\u输入.en\u字段\u输入--tripletext”）.keyup（函数（）{
if（this.value.length==this.maxLength）{
var$next=$（this）.next（'.en_uuuufield_uuinput.en_ufield_uinput--tripletext'）；
如果（$next.length）
$（this）.next（'.en\u字段\u输入.en\u字段\u输入--tripletext'）.focus（）；
其他的
$（this.blur（）；
}
});

仅在兄弟姐妹中查找。在您的情况下，该字段位于父级的同级内，因此您必须让父级的下一个同级查找下一个输入

另一方面，您可能希望跳过keyup事件中的某些键代码（例如箭头键）

例如：

$（“.en\u字段\u输入.en\u字段\u输入--tripletext”）.keyup（函数（）{
if（this.value.length==this.maxLength）{
$（本）
.blur（）
.parent（）
.next（）
.children（'.en\u字段\u输入.en\u字段\u输入--tripletext'）
.focus（）；
}
});

尝试在所需字段上触发“聚焦”事件。JQuery为此提供了“trigger（）”-函数。对于您的实际解决方案：尝试检查您的实际jQuery选择器是否可以访问所需的元素