在输入框中输入特定位数的字母或位数字后或回车就自动跳转到下一个输入框

<script type="text/javascript" language="javascript">
function $(id) {
return document.getElementById(id);
}
function checkcj(thisObj)
{
  //form中input的个数
  var formLen = $("f1").length;
  //input允许输入的最大长度
  var maxLen = thisObj.maxLength;
  //当前input输入的长度
  var thisObjLen = thisObj.value.length;
   
  if (maxLen == thisObjLen){
var nextInput=thisObj.tabIndex;
//是否到了最后一个文本框
if (nextInput<$("f1").length)
{
$("f1").elements[nextInput].focus();
}
  }
}   

//判断是否回车
function checkcj2(){
  if(event.keyCode==13)event.keyCode=9
}
//设置onkeydown事件
window.onload = function(){
thisObj = document.getElementsByTagName("INPUT")
for(i=0;thisObj.length;i++){
thisObj[i].onkeydown = checkcj2;
}

}


</script>
<form name="f1" id="f1">
<input name="c1" tabindex="1" maxlength="2" type="text" οnkeyup="checkcj(this)">
<input name="c2" tabindex="2" maxlength="2" type="text" οnkeyup="checkcj(this)">
<input name="c3" tabindex="3" maxlength="2" type="text" οnkeyup="checkcj(this)">
</form>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值