实现自动跳转下个输入框

最新推荐文章于 2023-03-06 09:08:25 发布

叔叔不是坏淫

最新推荐文章于 2023-03-06 09:08:25 发布

阅读量218

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签：跳转下个输入框 js实现自动跳转下个输入框实现自动跳转下个输入框

本文链接：https://blog.youkuaiyun.com/o_awang/article/details/84054782

js 专栏收录该内容

4 篇文章

订阅专栏

本文详细阐述了如何通过JavaScript实现输入字段长度验证，并根据验证结果进行焦点的自动跳转，提升用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function checkLen(x,y){
	if (y.length==x.maxLength){
		var next=x.tabIndex;
  		//是否到了最后一个文本框
		if (next<4){
			document.getElementById("next"+next).focus();
		}
	}
}
<input size="3" tabindex="1" id="next0" onkeypress="return event.keyCode>=48&&event.keyCode<=57" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" style="ime-mode:Disabled" maxlength="4" onkeyup="checkLen(this,this.value)">年
<input size="1" tabindex="2" id="next1" onkeypress="return event.keyCode>=48&&event.keyCode<=57" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" style="ime-mode:Disabled" maxlength="2" onkeyup="checkLen(this,this.value)">月&nbsp;至&nbsp;
<input size="3" tabindex="3" id="next2" onkeypress="return event.keyCode>=48&&event.keyCode<=57" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" style="ime-mode:Disabled" maxlength="4" onkeyup="checkLen(this,this.value)">年
<input size="1" tabindex="4" id="next3" onkeypress="return event.keyCode>=48&&event.keyCode<=57" onpaste="return !clipboardData.getData('text').match(/\D/)" ondragenter="return false" style="ime-mode:Disabled" maxlength="2" onkeyup="checkLen(this,this.value)">月