表单-实现文本框达到最大值后自动切换到下一个文本框

假设HTML中存在一下三个文本框,如下:
<input type="text" name="t1" id="" maxLength='1' />
<input type="text" name="t2" id="" maxLength='3' />
<input type="text" name="t3" id="" maxLength='5' />

javascript代码,如下:

<script>
    window.onload=function(){
        var form=document.getElementById('myform');
        var t1=form.elements['t1'];
	var t2=form.elements['t2'];
	var t3=form.elements['t3'];

	t1.onkeyup=myload;
	t2.onkeyup=myload;
	t3.onkeyup=myload;

	function myload(){
	    if(this.value.length==this.maxLength){
		for (var i = 0; i < form.elements.length; i++) {
		    if(form.elements[i]==this){
			form.elements[i+1].focus();
			return;
			}
		};
	    }
        }
    }
</script>

本文来自:http://zhaoqian.sinaapp.com/archive/6.html
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值