รบกวนเรื่องการ ทำ tabindex ครับ เวลาที่เรากรอกครบตามขนาดของ texbox แล้วมันเด้งไป textbox อีกอันครับ

<script>
function chkLenght( frm ){
if(frm.p1.lenght ==2){
return frm.p2.focus();
}
if(frm.p2.lenght ==2){
return frm.p3.focus();
}
if(frm.p2.lenght ==2){
frm.submit();
}
}
</script>

<form name="frm1">
<input name="p1" onKeyUp="chkLenght('frm')">
<input name="p2" onKeyUp="chkLenght('frm')">
<input name="p3" onKeyUp="chkLenght('frm')">
</form>

<script>
function chkLenght(frm){
if(frm.p1.lenght ==2){
return frm.p2.focus();
}
if(frm.p2.lenght ==2){
return frm.p3.focus();
}
if(frm.p2.lenght ==2){
frm.submit();
}
}
</script>

<form name="frm">
<input name="p1" onKeyUp="chkLenght('frm')" maxlength="2">
<input name="p2" onKeyUp="chkLenght('frm')" maxlength="2">
<input name="p3" onKeyUp="chkLenght('frm')" maxlength="2">
</form>

<script>
function Jump(obj,i,len)
{
if(document.getElementById(obj.id).value.length == len)
document.getElementById('text['+i+']').focus();
}
</SCRIPT> 
xxxx - xx - xxx<br />
<input type="text" id="text[1]" maxlength="4" size="2" onkeyup="Jump(this,2,4)"/> -
<input type="text" id="text[2]" maxlength="2" size="2" onkeyup="Jump(this,3,2)"/> -
<input type="text" id="text[3]" maxlength="3" size="2" />