`
打了个D
  • 浏览: 74485 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论
阅读更多

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)">月
 
分享到:
评论

相关推荐

    vue实现输入框自动跳转功能

    - `jumpNext`方法是实现自动跳转的核心,首先通过正则表达式`/[0-9]/.test(val)`检查输入是否为数字,如果不是,则提示错误并清空输入。接着获取当前和下一个输入框的DOM元素,通过`event.keyCode`判断用户是按了回...

    Android点击列表后弹出输入框,所点击项自动滚动到输入框上方

    标题提到的“Android点击列表后弹出输入框,所点击项自动滚动到输入框上方”是一个常见的功能需求,它涉及到ListView或者RecyclerView的滚动逻辑以及对话框的显示。这个功能旨在提供良好的用户体验,确保用户在输入...

    uniapp 基于 vue3 开发的【验证码输入框】

    概要:uniapp 基于 vue3 开发的【验证码输入框】,输入值的输入框切换和光标是否自动聚焦等; 使用人群:使用 uniapp 基于 vue3 开发的应用,需要用到输入验证码; 使用场景:短信验证码登录、短信验证码验证身份、...

    enter键控制input光标移动到下一个框

    在这个例子中,我们有三个连续的输入框,用户通常会期望在填写完一个后,按下"Enter"键就能跳转到下一个。为了实现这个功能,我们可以使用JavaScript,尤其是jQuery库,因为jQuery提供了方便的事件处理和DOM操作。 ...

    C#实现回车光标自动跳到下一个控件的几种方法

    当用户在文本框(TextBox)中按下回车键时,通常希望光标能够自动移动到下一个控件,以便连续输入或执行某些操作。本篇文章将深入探讨如何在C#中实现这种功能,主要涉及以下知识点: 1. **事件处理**:在C#中,事件...

    JavaScript实现自动跳转文本功能

    在这个例子中,我们看到的是一种简单的文本输入自动跳转机制,它帮助用户在输入特定格式(例如四位数字)时,焦点会自动从一个输入框移动到下一个。这种功能可以提高用户输入的流畅性,减少手动切换输入框的麻烦。 ...

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

    总之,通过自定义EditText并使用TextWatcher监听文本变化,我们可以实现Android应用中手机号码输入框的自动跳转功能,为用户提供更便捷的输入体验。以上代码和逻辑可以作为实现此类功能的一个基础框架,根据实际需求...

    javascript秒数倒计时自动跳转代码

    本文将详细介绍如何使用JavaScript实现一个简单的倒计时并自动跳转的功能。 #### 二、技术栈 - **JavaScript**: 用于编写客户端脚本。 - **HTML**: 提供基本的页面结构。 - **CSS**: 可选,用于美化页面样式。 ##...

    iOS验证码和密码输入框

    5. **键盘管理**:控制键盘的显示、隐藏,以及方向键的定制,例如设置“下一步”跳转到其他输入框。 6. **安全设计**:对密码进行加密存储,遵循Apple的安全指南,避免明文保存。 总的来说,这个自定义组件是iOS...

    6位验证码输入框.zip

    最后,为了增强用户体验,还可以添加一些交互效果,如输入时自动跳转到下一个输入框,输入完成后自动触发验证等。这些可以通过监听输入框的`bindinput`事件来实现。 总结,微信小程序中的6位验证码输入框实现涉及...

    Unity 3D UGUI Tab 键切换输入框

    使用Unity自带的一些插件 实现Tab键自动切换输入框,住左(或者右)shift,在按下tab键,光标进行向上跳转! 

    CD-Key,光标自动跳转

    结合以上三个关键词,我们可以理解这个问题可能涉及到一个网页或应用程序的特定功能:当用户输入CD-Key(可能是通过一个输入框)时,光标会自动跳转到下一个字段,这样用户就可以连续输入而无需手动点击。...

    ios-验证码输入框swift.zip

    此外,为了提高用户体验,我们可能需要添加一些额外的功能,比如自动跳转到下一个输入框、清除输入、倒计时刷新验证码等。这些可以通过监听`textFieldDidEndEditing`或添加自定义按钮来实现。 最后,在`...

    iOS点击某个功能按钮需要登录并且登录完成后自动跳转到要去的功能实现方法

    为了实现这个功能,开发者需要设计一套流程,使得当用户点击某个功能按钮时,如果他们尚未登录,系统会引导他们完成登录,并在登录成功后自动跳转回原先想要访问的功能。下面我们将详细讨论如何实现这个过程。 首先...

    文本框自动换行

    在许多应用场景中,例如聊天应用、编辑器或表单填写,我们需要实现文本框的自动换行功能,使得当用户输入的字符超过一行的宽度时,文本能够自动跳转到下一行,就像微信的输入框那样。这个特性对于提升用户体验至关...

    用JavaScript实现的一个IP地址输入框

    本文档将深入探讨如何使用JavaScript实现一个IP地址输入框,该输入框能有效帮助用户正确输入合法的IPv4地址,并在输入过程中提供实时反馈和自动跳转功能。 #### 二、需求分析 1. **输入限制**:用户只能输入数字(0...

    关于分页处理--跳转到第N页

    - 跳转到:提供一个输入框或下拉菜单,让用户直接输入或选择想要跳转到的页面。 - 当前页码:显示用户当前所在的页面。 - 总页数:表示总共有多少页。 - 首页/末页:跳转到数据的开始或结束。 3. 分页实现方法...

    JavaScript实现PC端四格密码输入框功能

    在本实例中,我们看到如何使用JavaScript实现一个PC端的四格密码输入框功能,使得用户每次只能输入一个字符,并且输入一个字符后,光标会自动跳转到下一个输入框。 HTML(HyperText Markup Language)是构建网页的...

    仿Windows的IP和MAC输入框

    例如,当用户在IP输入框中输入完一个段后,可以自动跳转到下一个段;或者在MAC地址输入框中,当输入非十六进制字符时显示错误信息。 总的来说,创建仿Windows风格的IP和MAC输入框涉及到Swing组件的使用、格式化输入...

Global site tag (gtag.js) - Google Analytics