表单处理[4]-自动切换焦点
addEvent(window,'load',function(){
var fm=document.getElementById('myForm');
var user=fm.elements['user'];
var content=fm.elements['content'];
addEvent(fm.elements['a1'],'keyup',tabForWard);
addEvent(fm.elements['a2'],'keyup',tabForWard);
addEvent(fm.elements['a3'],'keyup',tabForWard);
function tabForWard(evt){
var e=evt||window.event;
//判断当前的长度是否和我们输入的长度是否一致
if(this.value.length==this.maxLength){
//遍历所有控件
for(var i=0;i<fm.elements.length;i++){
if(fm.elements[i]==this){
fm.elements[i+1].focus();
return;
}
}
}
}
})
</script>
</head>
<body>
<form id="myForm" name="yourForm">
<input type="text" name="a1" maxLength="1" />
<input type="text" name="a2" maxLength="3" />
<input type="text" name="a3" maxLength="5" />
姓名:<input type="text" name="user" value="123"/>
<textarea name="content">textarea</textarea>
</form>
</body>