JS实现超过长度限制后自动跳转下一款文本框的方法


Posted in Javascript onFebruary 23, 2015

本文实例讲述了JS实现超过长度限制后自动跳转下一款文本框的方法。分享给大家供大家参考。具体实现方法如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>JS控制超过长度限制后自动跳转下一个文本框</title>

</head>

<body>

<input type="text" size="10">

<input type="text" size="10">

<input type="text" size="10">

<script language="javascript">

function Each(arr,fn){for(var i=0,len=arr.length;i<len;i++){fn.call(arr[i],i,arr);};};

(function(inputs){

    Each(inputs,function(i){

        var _o=this;

        this.onkeyup=function(){

            if(_o.value.length>=4){

               if(inputs[i+1]){

                   inputs[i+1].focus();

               }else{

                   _o.value=_o.value.slice(0,4);

               } 

            }

        }

    })

})(document.getElementsByTagName('input'));

</script>

</body>

</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
javascript 写类方式之三
Jul 05 Javascript
关于锚点跳转及jQuery下相关操作与插件
Oct 01 Javascript
jquery remove方法应用详解
Nov 22 Javascript
js输出阴历、阳历、年份、月份、周示例代码
Jan 29 Javascript
使用javascript提交form表单方法汇总
Jun 25 Javascript
JS实现滑动菜单效果代码(包括Tab,选项卡,横向等效果)
Sep 24 Javascript
jQuery中常用动画效果函数(日常整理)
Sep 17 Javascript
AngularJS解决ng-if中的ng-model值无效的问题
Jun 21 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
Sep 12 Javascript
微信小程序 image组件遇到的问题
May 28 Javascript
Javascript中Math.max和Math.max.apply的区别和用法详解
Aug 24 Javascript
js仿土豆网带缩略图的焦点图片切换效果实现方法
Feb 23 #Javascript
JS实现仿中关村论坛评分后弹出提示效果的方法
Feb 23 #Javascript
jQuery+AJAX实现网页无刷新上传
Feb 22 #Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 #Javascript
使用jquery组件qrcode生成二维码及应用指南
Feb 22 #Javascript
javascript实现博客园页面右下角返回顶部按钮
Feb 22 #Javascript
JS+CSS实现感应鼠标渐变显示DIV层的方法
Feb 20 #Javascript
You might like
PHP使用range协议实现输出文件断点续传代码实例
2014/07/04 PHP
Yii框架分页实现方法详解
2017/05/20 PHP
Jquery AutoComplete自动完成 的使用方法实例
2010/03/19 Javascript
理解Javascript_05_原型继承原理
2010/10/13 Javascript
Javascript 类型转换方法
2010/10/24 Javascript
基于JQuery实现相同内容合并单元格的代码
2011/01/12 Javascript
当json键为数字时的取值方法解析
2013/11/15 Javascript
javascript ajax的5种状态介绍
2014/08/18 Javascript
javascript实现按回车键切换焦点
2015/02/09 Javascript
JS实现alert中显示换行的方法
2015/12/17 Javascript
让DIV的滚动条自动滚动到最底部的3种方法(推荐)
2016/09/24 Javascript
bootstrap css样式之表单
2017/01/19 Javascript
jQuery导航条固定定位效果实例代码
2017/05/26 jQuery
解决VUEX刷新的时候出现数据消失
2017/07/03 Javascript
使用D3.js创建物流地图的示例代码
2018/01/27 Javascript
使用vue-router设置每个页面的title方法
2018/02/11 Javascript
Jquery属性的获取/设置及样式添加/删除操作技巧分析
2019/12/23 jQuery
[02:30]DOTA2放量测试专访海涛:呼吁保护新手玩家
2013/08/26 DOTA
python局部赋值的规则
2013/03/07 Python
Python用list或dict字段模式读取文件的方法
2017/01/10 Python
使用pyecharts无法import Bar的解决方案
2020/04/23 Python
Python计算斗牛游戏概率算法实例分析
2017/09/26 Python
python3.x上post发送json数据
2018/03/04 Python
python读取LMDB中图像的方法
2018/07/02 Python
对Python中的条件判断、循环以及循环的终止方法详解
2019/02/08 Python
Python 实现微信自动回复的方法
2020/09/11 Python
html5使用html2canvas实现浏览器截图的示例
2017/08/31 HTML / CSS
Html5原生拖拽相关事件简介以及基础实现
2020/11/19 HTML / CSS
澳大利亚当地社区首选的光学商店:1001 Optical
2019/08/24 全球购物
幼儿园儿童节主持词
2014/03/21 职场文书
责任胜于能力演讲稿
2014/05/20 职场文书
中学生自我评价2015
2015/03/03 职场文书
2015年林业工作总结
2015/05/14 职场文书
致创业您:正能量激励人心句子(48条)
2019/08/15 职场文书
Mysql数据库按时间点恢复实战记录
2021/06/30 MySQL
怎么禁用Win11输入法 最新Win11输入法关闭教程
2022/08/05 数码科技