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

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

阅读更多

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

<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>

 

分享到:
评论

相关推荐

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

    根据给定文件的信息,本文将详细探讨如何使用JavaScript在用户输入达到某个文本框的最大长度时自动跳转到下一个文本框的技术实现。 ### 技术背景 在Web开发中,经常需要处理用户输入的情况,比如在表单中设置多个...

    C# VB文本框textbox根据字符串自动调整高度

    我们需要传入`Graphics`对象、要测量的字符串、字体以及一个`SizeF`对象来限制最大宽度。它会返回一个`SizeF`结构,其中的`Height`字段表示字符串的高度。 5. **字体和布局设置**: 在计算高度之前,需要确保知道...

    Android手机号码输入框(满11位自动跳到下个输入框)实例代码

    在Android开发中,有时我们需要创建一个特殊的手机号码输入框,当用户输入的手机号码达到11位时,光标会自动移动到下一个输入框中,以便用户能够连续输入。这样的功能提高了用户体验,使得输入手机号码的过程更为...

    JavaScript中两个字符串的匹配_.docx

    在JavaScript中,字符串匹配是一个常见的任务,特别是在处理用户输入或者正则表达式时。本案例主要探讨了在特定条件下如何判断两个字符串是否匹配,重点在于处理字符串中的特殊字符"*"和"?"。这两个字符在正则表达式...

    2021-2022计算机二级等级考试试题及答案No.156.docx

    3. **continue 语句**:在循环语句中,continue语句的作用不是跳出循环,而是结束当前循环迭代,跳到下一次循环的开始。 4. **元组与列表的异同**:元组和列表都是Python的序列类型,但元组是不可变的,适合存储不...

    Java程序填空.doc

    在`while`循环中,当`i==5`时,跳过当前循环(不执行`sum += i`),其他情况下累加到`sum`中。 以上是题目涉及的Java编程知识点的详细解释,涵盖了基本的数据结构、控制流程、事件处理、数组操作以及位运算等核心...

    固定命令发送的串口软件(字符和16进制数字混合发送,串口255个,波特率可以随意设置,最大10Mbps以上,自动插入首尾字节和校验,发送命令间隔时间随意设定,自动连续和循环发送,自动分行显示接收的命令,二进制或文本显示,最大4G接收内容)

    4.限制了各个延时文本框的最大字7个节数,显示列数为4个字节,以免字符串溢出错误。 5.★★★★添加了波特率可以随意手工设置为非标准值,例如 500bps,常用波特率仍然可选★★★★ 2005-3-8 1.修改发送程序,保证...

    易语言源码易语言去除文本空行源码.rar

    在处理大文件时,我们可能还需要使用流式读取来避免一次性加载整个文件到内存。 2. **字符串处理**:去除文本空行的核心在于对字符串的处理。易语言提供了丰富的字符串函数,如`字符串长度`用于获取字符串长度,`...

    jQuery实用的注册表单验证代码.zip

    这个压缩包中的代码提供了一个基础的模板,你可以根据实际需求进行扩展和修改。记住,良好的表单验证不仅可以提高数据质量,还能减少服务器端的压力,为用户提供更加友好的交互体验。所以,掌握jQuery进行表单验证的...

    2021-2022计算机二级等级考试试题及答案No.18860.docx

    6. `Int(Rnd*71)+10` 用于生成10到80之间的随机整数,包括10和80,`Rnd`函数产生0到1之间的随机数,乘以71得到0到71之间随机数,然后加上10得到10到81之间的数,但因Int函数向下取整,所以最大值不会超过80。...

    2021-2022计算机二级等级考试试题及答案No.1659.docx

    例如,在for或while循环中,当满足特定条件时,continue语句会让当前迭代跳过剩余代码,直接进入下一次循环迭代。 在C语言中,初始化一维数组的正确方式是使用花括号,并且可以省略元素数量,如题目9所示。数组初始...

    C#上位机基础学习-基于SOCKET实现与PLC服务器的TCP通信(二).docx

    在C#上位机开发中,TCP通信是一个关键部分,特别是在与PLC(可编程逻辑控制器)进行数据交互时。本篇文章将深入讲解如何利用C#的Socket类库实现与PLC服务器的TCP通信,这在工业自动化领域非常常见。在上一篇文章中,...

    TurboPascal对Memo字段的直接访间 (1990年)

    在处理Memo字段时,程序员需要了解DBT文件的结构,该结构由512字节的数据块组成,每个数据块都有自己的序号,其中第0块是参数块,包含下一个可用块的指针。这样的文件格式设计允许了灵活的数据存储与管理。 文章中...

    Qt开发的精美表盘控件类。

    在本文中,我们将深入探讨如何使用Qt框架来开发一个精美的表盘控件。Qt是一个跨平台的应用程序开发框架,广泛用于创建GUI(图形用户界面)应用,支持多种操作系统,如Windows、Linux和macOS。Qt库提供了丰富的控件和...

    jQuery移动端输入数字跳格代码

    在移动设备上,用户输入数字时,为了提高用户体验,经常需要实现一种输入跳格效果,使得用户每输入一个数字后,光标自动跳至下一个数字的位置。jQuery移动端输入数字跳格代码就是为了解决这个问题而设计的。这个代码...

    2021-2022计算机二级等级考试试题及答案No.1249.docx

    24. continue语句在循环中用来跳过当前循环剩余的部分,进入下一次循环,不结束整个循环。 25. 学生表的结构没有给出,一般学生表会包含学号、姓名、性别、年龄等字段。 以上是对这些计算机二级考试题目的详细解释...

    js数字框输入自动跳格特效代码

    1. 手机号输入:用户在输入手机号时,每输入三位数字自动跳到下一个位置。 2. 身份证号输入:对于18位的身份证号,可以设置每四位跳格,提高输入的可读性。 3. 银行卡号输入:银行卡号较长,可以每四位跳格,方便...

    2021-2022计算机二级等级考试试题及答案No.19444.docx

    break用于立即退出当前循环,而continue则是跳过当前循环剩余语句,进入下一次循环。 14. 数据库DB、数据库系统DBS和数据库管理系统DBMS的关系是DBS包括DB和DBMS,DBMS是用来管理和操作DB的软件系统。 15. Java...

    2021-2022计算机二级等级考试试题及答案No.19999.docx

    17. 在当前表中,查找第2个男同学的记录,应先定位到第一个男同学,然后使用CONTINUE命令跳过第一个,找到第二个。 18. 使用记事本创建的文件,默认扩展名为.TXT(正确)。 19. 当用cin从键盘输入数据时,每行数据...

    2021-2022计算机二级等级考试试题及答案No.1274.docx

    15. `MaxLength` 属性设置文本框的最大字符数,值为0表示没有限制。 16. 在创建数据库时,设置表之间的关系能有效地反映数据之间的联系,例如学生表、课程表和选课表之间的关联。 17. 全局变量在整个程序范围内...

Global site tag (gtag.js) - Google Analytics