`
hudeyong926
  • 浏览: 2037210 次
  • 来自: 武汉
社区版块
存档分类
最新评论

文本框到最大长度时跳到下一个文本框

阅读更多

常见的有:手机号,电话,验证码,序列号

<html>
<head>
<script type="text/javascript">
function checkLen(x,y)
{
if (y.length==x.maxLength)
 {
 var next=x.tabIndex
 if (next<document.getElementById("myForm").length)
  {
  document.getElementById("myForm").elements[next].focus()
  }
 }
}
</script>
</head>

<body>
<p>这段脚本在达到文本框的最大长度时跳到下一个文本框:</p>
<form id="myForm">
<input size="3" tabindex="1" maxlength="3" onkeyup="checkLen(this,this.value)">
<input size="2" tabindex="2" maxlength="2" onkeyup="checkLen(this,this.value)">
<input size="3" tabindex="3" maxlength="3" onkeyup="checkLen(this,this.value)">
</form>
</body>
</html>

 开发过程中用写的一个脚本,记录下来以备后用与他用,其中attributes["max"].nodeValue是取HTML自定义的 max属性(兼容Firefox和IE)

<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=utf-8">
<title>输入CD-KEY自动分割</title>
<script language="JavaScript" type="text/javascript">

function cdkeyInput(thisobj)
{
	objResult = "";
	nextObjResult = "";

	if(thisobj.value.indexOf('-') > 0)
	{
		objResult = thisobj.value.substring(0,thisobj.value.indexOf('-'));
		nextObjResult = thisobj.value.substring(thisobj.value.indexOf('-')+1);

		thisobj.value = objResult.substring(0,thisobj.attributes["max"].nodeValue);
		if(arguments[1] != undefined && arguments[1] != null)
		{
			next = arguments[1];
			nextobj = document.getElementById(next);
			nextobj.value = nextObjResult.toUpperCase();
			nextobj.onkeyup();
		}
	}
	thisobj.value = thisobj.value.toUpperCase();
}

</script>
</head>
<body>
</br>
<input type="text" name="key1" id="key1" max="8" size="8" onkeyup="cdkeyInput(this,'key2');"/>-
<input type="text" name="key2" id="key2" max="4" size="4" onkeyup="cdkeyInput(this,'key3');"/>-
<input type="text" name="key3" id="key3" max="4" size="4" onkeyup="cdkeyInput(this,'key4');"/>-
<input type="text" name="key4" id="key4" max="4" size="4" onkeyup="cdkeyInput(this,'key5');"/>-
<input type="text" name="key5" id="key5" max="4" size="4" onkeyup="cdkeyInput(this,'key6');"/>-
<input type="text" name="key6" id="key6" max="8" size="8" onkeyup="cdkeyInput(this);"/>
</body>
</html>

 

分享到:
评论

相关推荐

    多进制计算器WB程序ZQ.zip

    多进制计算器WB程序ZQ

    calico.yaml

    calico.yaml

    使用光束法平差通过交互式点测量进行多图像交集Matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

    expat-static-2.1.0-15.el7-9.x64-86.rpm.tar.gz

    1、文件内容:expat-static-2.1.0-15.el7_9.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/expat-static-2.1.0-15.el7_9.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    fence-agents-rsb-4.2.1-41.el7-9.6.x64-86.rpm.tar.gz

    1、文件内容:fence-agents-rsb-4.2.1-41.el7_9.6.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/fence-agents-rsb-4.2.1-41.el7_9.6.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    基于java+ssm+mysql的搬家预约系统 源码+数据库+论文(高分毕设项目).zip

    项目已获导师指导并通过的高分毕业设计项目,可作为课程设计和期末大作业,下载即用无需修改,项目完整确保可以运行。 包含:项目源码、数据库脚本、软件工具等,该项目可以作为毕设、课程设计使用,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行!可以放心下载 技术组成 语言:java 开发环境:idea 数据库:MySql8.0 部署环境:Tomcat(建议用 7.x 或者 8.x 版本),maven 数据库工具:navicat

    dotconf-1.3-8.el7.x64-86.rpm.tar.gz

    1、文件内容:dotconf-1.3-8.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/dotconf-1.3-8.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    软件开发阶段成本分布研究.pdf

    软件开发阶段成本分布研究.pdf

    dnssec-trigger-0.11-22.el7.x64-86.rpm.tar.gz

    1、文件内容:dnssec-trigger-0.11-22.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/dnssec-trigger-0.11-22.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    基于java+ssm+mysql的新闻类网站 源码+数据库+论文(高分毕设项目).zip

    项目已获导师指导并通过的高分毕业设计项目,可作为课程设计和期末大作业,下载即用无需修改,项目完整确保可以运行。 包含:项目源码、数据库脚本、软件工具等,该项目可以作为毕设、课程设计使用,前后端代码都在里面。 该系统功能完善、界面美观、操作简单、功能齐全、管理便捷,具有很高的实际应用价值。 项目都经过严格调试,确保可以运行!可以放心下载 技术组成 语言:java 开发环境:idea 数据库:MySql8.0 部署环境:Tomcat(建议用 7.x 或者 8.x 版本),maven 数据库工具:navicat

    dlm-4.0.7-1.el7.x64-86.rpm.tar.gz

    1、文件内容:dlm-4.0.7-1.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/dlm-4.0.7-1.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    evolution-devel-docs-3.28.5-10.el7.x64-86.rpm.tar.gz

    1、文件内容:evolution-devel-docs-3.28.5-10.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/evolution-devel-docs-3.28.5-10.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    网易云音乐梁静茹歌曲爬虫程序代码.txt

    网易云音乐梁静茹歌曲爬虫程序代码

    vb6.0版本记事本代码.txt

    vb6.0版本记事本代码

    msodemo.zip

    msodemo

    exempi-devel-2.2.0-9.el7.x64-86.rpm.tar.gz

    1、文件内容:exempi-devel-2.2.0-9.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/exempi-devel-2.2.0-9.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    VS2010旗舰版的VB.NET版本录音程序代码.txt

    VS2010旗舰版的VB.NET版本录音程序代码

    fedfs-utils-admin-0.10.5-0.el7.x64-86.rpm.tar.gz

    1、文件内容:fedfs-utils-admin-0.10.5-0.el7.rpm以及相关依赖 2、文件形式:tar.gz压缩包 3、安装指令: #Step1、解压 tar -zxvf /mnt/data/output/fedfs-utils-admin-0.10.5-0.el7.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm 4、安装指导:私信博主,全程指导安装

    通过非线性滤波器快速实现 SUSAN 特征检测器Matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

    使用 Hessian 特征值增强 2D_3D 图像中的血管_脊状结构Matlab代码.rar

    1.版本:matlab2014/2019a/2024a 2.附赠案例数据可直接运行matlab程序。 3.代码特点:参数化编程、参数可方便更改、代码编程思路清晰、注释明细。 4.适用对象:计算机,电子信息工程、数学等专业的大学生课程设计、期末大作业和毕业设计。

Global site tag (gtag.js) - Google Analytics