默认光标在第一个input框里面,第一个输入完光标默认到第二个input框,获取验证码倒计时效果

默认光标在第一个input框里面,第一个输入完光标默认到第二个input框,获取验证码倒计时效果

<!-- 验证码弹窗开始 -->
	<div class="vercodebox">
		<h4>手机验证码</h4>
		<p><em>已发送至159****4315手机号</em> <span>60s</span></p>
		<h5>
			<input type="text" maxlength="1"/>
			<input type="text" maxlength="1"/>
			<input type="text" maxlength="1"/>
			<input type="text" maxlength="1"/>
		</h5>
		<div class="btcz">
			<a class="aginbtn">重新获取</a>
			<a class="Submittn">提交</a>
		</div>
	</div>
	<!-- 验证码错误开始 -->
//获取验证码
var timer = null;
var count = 60;
$(".bannerbox .dzform .eachinput .yuyuebtn").click(function() {
	setfocus();
	$(".vercodebox").show();
	timer = setInterval("Timer()",1000);
});
$(".vercodebox .btcz .aginbtn").click(function() {
	$(".vercodebox .btcz .aginbtn").hide();
	clearInterval(timer);
	count = 60;
	$(".vercodebox p span").text(count + 's');
	timer = setInterval("Timer()",1000);
});
function Timer()
{
	count--;
	$(".vercodebox p span").text(count + 's');
	if (count <=0) {
		clearInterval(timer);
		$(".vercodebox .btcz .aginbtn").show();
	}
}

function setfocus(){
	var vercod = $(".vercodebox h5 input");    
	for(var i = 0; i<vercod.length;i++){
		var t = vercod[i];
		t.index = i;
		t.setAttribute("disabled", true);
		t.onkeyup=function(){
			this.value=this.value.replace(/^(.).*$/,'$1');
			var next = this.index + 1;
			if(next > vercod.length - 1) return;
			vercod[next].removeAttribute("disabled");
			vercod[next].focus();
		}
	}
	vercod[0].removeAttribute("disabled");
	setTimeout(function(){
   vercod[0].focus(); 
  },1);	
}

$(".vercodebox .btcz .Submittn").on('click',function(){                                   
	var v1 = $("input:eq(1)").val();
	var v2 = $("input:eq(2)").val();
	var v3 = $("input:eq(3)").val();
	var v4 = $("input:eq(4)").val();
	var str=v1+v2+v3+v4;
	alert(str);          
})
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值