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

来源:互联网 发布:潮州淘宝培训 编辑:程序博客网 时间:2024/06/05 02:50
假设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

0 0
原创粉丝点击