javascript数字验证的实例代码(推荐)


Posted in Javascript onAugust 20, 2016

现在有一个需求如下图:

javascript数字验证的实例代码(推荐)

产品经理说Card Number只能让输入数字(中间的空格是格式自加的,也是用js实现的),有时候我脑海中出现了个声音,啥玩意,加个type=number不就行了,事实发现图样图森破了,先不说type=number后面会有个上下标(虽然用css可干掉),但是这个类型是支持科学输入法的,就是小数点和e这样的是可以输入的,于是乎只能用其他的方式了,后来想用检索到输入了非数字就干掉,但是这样还是能输入,想法被打回,于是乎最终采用了键盘输入控制的办法,其实很简单,

代码如下:

var isNumber=function(keyCode){
        // 数字
        if (keyCode >= 48 && keyCode <= 57) {
          return true;  
        }
          // 小数字键盘
        if (keyCode >= 96 && keyCode <= 105) {
          return true;
        }
          //tab Backspace, del, 左右方向键
        if (keyCode == 9||keyCode == 8|| keyCode == 32 || keyCode == 46 || keyCode == 37 || keyCode == 39) {
          return true;
        }
        return false
      }

所谓键盘输入控制就是根据键盘输入的keycode来判断输入的是什么类型,即获取按下的键盘按键Unicode值,键盘上每个按键对应的keycode是固定的,网上有很多对照表,我这里就不贴上去了,每一次按键监测到对应的keycode然后对照是否合法,需要注意的是这里合法的不仅是数字,还有上下左右tab和空格方向键,不能禁用用户的操作指令,怎么样,看起来很简单吧。

以上这篇javascript数字验证的实例代码(推荐)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery实现的类flash菜单效果代码
May 17 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
Mar 27 Javascript
js中精确计算加法和减法示例
Mar 28 Javascript
javascript实现复选框超过限制即弹出警告框的方法
Feb 25 Javascript
jQuery实现高亮显示的方法
Mar 10 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
JS+HTML5 FileReader实现文件上传前本地预览功能
Mar 27 Javascript
微信小程序按钮去除边框线分享页面功能
Aug 27 Javascript
JS实现的碰撞检测与周期移动完整示例
Sep 02 Javascript
JavaScript Canvas编写炫彩的网页时钟
Oct 16 Javascript
微信小程序中data-key属性之数据传输(经验总结)
Aug 22 Javascript
javascript之IE版本检测超简单方法
Aug 20 #Javascript
基于JavaScript Array数组方法(新手必看篇)
Aug 20 #Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 #Javascript
浅谈时钟的生成(js手写简洁代码)
Aug 20 #Javascript
js 基础篇必看(点击事件轮播图的简单实现)
Aug 20 #Javascript
再谈Javascript中的异步以及如何异步
Aug 19 #Javascript
用原生js统计文本行数的简单示例
Aug 19 #Javascript
You might like
PHP:风雨欲来 路在何方?
2006/10/09 PHP
PHP - Html Transfer Code
2006/10/09 PHP
分页详解 从此分页无忧(PHP+mysql)
2007/11/23 PHP
简单的php 验证图片生成函数
2009/05/21 PHP
jQuery代码优化 选择符篇
2011/11/01 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
2013/05/13 Javascript
JQuery for与each性能比较分析
2013/05/14 Javascript
javascript创建createXmlHttpRequest对象示例代码
2014/02/10 Javascript
jquery根据属性和index来查找属性值并操作
2014/07/25 Javascript
jQuery选择器之基本选择器与层次选择器
2015/03/03 Javascript
javascript实现简单的ajax封装示例
2016/12/28 Javascript
Ionic3 UI组件之Gallery Modal详解
2017/06/07 Javascript
Vue之Watcher源码解析(2)
2017/07/19 Javascript
详解webpack之scss和postcss-loader的配置
2018/01/09 Javascript
Vue中的v-for循环key属性注意事项小结
2018/08/12 Javascript
vue按需加载实例详解
2019/09/06 Javascript
[44:50]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第二局
2016/02/26 DOTA
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
python实现apahce网站日志分析示例
2014/04/02 Python
从CentOS安装完成到生成词云python的实例
2017/12/01 Python
python调用Matplotlib绘制分布点并且添加标签
2018/05/31 Python
python自动化测试之异常及日志操作实例分析
2019/11/09 Python
python爬虫判断招聘信息是否存在的实例代码
2020/11/20 Python
AVIS安飞士奥地利租车官网:提供奥地利、欧洲和全世界汽车租赁
2016/11/29 全球购物
澳大利亚购买健身器材网站:Gym Direct
2019/12/19 全球购物
SQL中where和having的区别
2012/06/17 面试题
岳父生日宴会答谢词
2014/01/13 职场文书
小学生红领巾广播稿
2014/01/21 职场文书
婚前财产公证书
2014/04/10 职场文书
2014年党课学习心得体会
2014/07/08 职场文书
机关党员三严三实心得体会
2014/10/13 职场文书
小学生成绩单评语
2014/12/31 职场文书
索赔员岗位职责
2015/02/15 职场文书
政协委员个人总结
2015/03/03 职场文书
网络营销实训总结
2015/08/03 职场文书
我的收音机情缘
2022/04/05 无线电