找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12
查看: 1717|回复: 0
打印 上一主题 下一主题

JQ输入框输入4位数后自动跳转下一输入框,用于验证码

222

主题

222

主题

222

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
跳转到指定楼层
1#
 楼主| admin 发表于 2023-9-6 14:02:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
$(document).ready(function() {
  $('.pin').on('input', function() {
    var value = $(this).val();
    var l = $(this).attr("l");
    if (value.length >= 4) {
            $('#l'+(parseInt(l)+1)).focus().val("");
       if(parseInt(l)+1 > 6)
       {
                       $('#pass').focus();
       }else{
                       $('#l'+(parseInt(l)+1)).focus();
       }

    }
  });
});

                <li><input type="text" placeholder="PIN" l="1" id="l1" class="pin" size="4" tabindex="1" maxlength="4" /></li>
                <li><input type="text" placeholder="PIN" l="2" id="l2" class="pin" size="4" tabindex="1" maxlength="4" /></li>
                <li><input type="text" placeholder="PIN" l="3" id="l3" class="pin" size="4" tabindex="1" maxlength="4" /></li>
                <li><input type="text" placeholder="PIN" l="4" id="l4" class="pin" size="4" tabindex="1" maxlength="4" /></li>
                <li><input type="text" placeholder="PIN" l="5" id="l5" class="pin" size="4" tabindex="1" maxlength="4" /></li>
                <li><input type="text" placeholder="PIN" l="6" id="l6" class="pin" size="4" tabindex="1" maxlength="4" /></li>

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表