免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: JQ输入框输入4位数后自动跳转下一输入框，用于验证码 [打印本页]

作者: admin 时间: 2023-9-6 14:02
标题: JQ输入框输入4位数后自动跳转下一输入框，用于验证码
$(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>

欢迎光临免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://www.ourphp.net/club/)