Question

我有四个输入字段（带id）：

number1，number2，number3，number4。

我想要一个在validator（）之后调用的函数。该功能将自动标记即。将焦点移到下一个领域。

我尝试了以下内容：

  if($('#number').is(':focus')) {
        $("#number2").focus();
    }
    else if($('#number2').is(':focus')) {
        $("#cardnumber3").focus();
    }

    else if($('#number3').is(':focus')) {
        $("#cardnumber4").focus();
    }

但是如果函数，函数似乎运行多个。所以我的焦点一次从一到二移动到三个。

如果函数一次只运行一个条件，我该如何实现呢？或者是否有更好的方法来关注下一个输入字段。

添加了HTML：

<form>
<div class="col-sm-10">
            <input type="text" class="form-control cardn" id="number" name="number" maxlength= "4">
</div>

Answer 1

添加一个回调函数，将下一个聚焦在验证器（）上，而不是将焦点聚焦到下一个。代码看起来像是从1号到4号连续进行。

Answer 2

如果没有看到你的html，我会写出类似这样的内容，但你的原始代码应该可行 - 只有我能想到的是你不止一次地调用它：

var $focused = $(":focus");
if($focused.is("#number")) {
    $("#number2").focus();
}
else if($focused.is("#number2")) {
    $("#cardnumber3").focus();
}
else if($focused.is("#number3")) {
    $("#cardnumber4").focus();
}

使用jquery自动选项卡循环

2 个答案: