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 相关文章推荐
JavaScript 动态将数字金额转化为中文大写金额
May 14 Javascript
Mootools 1.2教程(3) 数组使用简介
Sep 14 Javascript
node.js中的fs.symlinkSync方法使用说明
Dec 15 Javascript
js获取会话框prompt的返回值的方法
Jan 10 Javascript
总结jQuery插件开发中的一些要点
May 16 Javascript
jQuery插件扩展实例【添加回调函数】
Nov 26 Javascript
详解jquery validate实现表单验证 (正则表达式)
Jan 18 Javascript
微信小程序登录态控制深入分析
Apr 12 Javascript
vue绑定设置属性的多种方式(5)
Aug 16 Javascript
JS实现标签滚动切换效果
Dec 25 Javascript
Vue.js构建你的第一个包并在NPM上发布的方法步骤
May 01 Javascript
js获取url页面id,也就是最后的数字文件名
Sep 25 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 进程锁定问题分析研究
2009/11/24 PHP
PHP基于文件存储实现缓存的方法
2015/07/20 PHP
使用Modello编写JavaScript类
2006/12/22 Javascript
jQuery 入门讲解1
2009/04/15 Javascript
犀利的js 函数集合
2009/06/11 Javascript
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
javascript移动设备Web开发中对touch事件的封装实例
2014/06/05 Javascript
js中window.open打开一个新的页面
2014/08/10 Javascript
JS获得一个对象的所有属性和方法实例
2017/02/21 Javascript
详解Angular Reactive Form 表单验证
2017/07/06 Javascript
NodeJS安装图文教程
2018/04/19 NodeJs
解决vue项目F5刷新mounted里的函数不执行问题
2019/11/05 Javascript
vuex入门最详细整理
2020/03/04 Javascript
vue实现简单瀑布流布局
2020/05/28 Javascript
vue-drag-chart 拖动/缩放图表组件的实例代码
2020/04/10 Javascript
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
2020/05/21 Javascript
用Python遍历C盘dll文件的方法
2015/05/06 Python
Python3连接MySQL(pymysql)模拟转账实现代码
2016/05/24 Python
基于Python实现对PDF文件的OCR识别
2016/08/05 Python
Python 描述符(Descriptor)入门
2016/11/20 Python
利用Python破解验证码实例详解
2016/12/08 Python
python处理csv数据动态显示曲线实例代码
2018/01/23 Python
Python文本统计功能之西游记用字统计操作示例
2018/05/07 Python
python保存数据到本地文件的方法
2018/06/23 Python
详解Python字符串切片
2019/05/20 Python
python实现广度优先搜索过程解析
2019/10/19 Python
关于sys.stdout和print的区别详解
2019/12/05 Python
python输出pdf文档的实例
2020/02/13 Python
HTML5 Canvas实现玫瑰曲线和心形图案的代码实例
2014/04/10 HTML / CSS
俄罗斯运动、健康和美容产品在线商店:Lactomin.ru
2020/07/23 全球购物
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
离婚协议书范本及离婚须知
2014/10/15 职场文书
2014年妇产科工作总结
2014/12/08 职场文书
python中的class_static的@classmethod的巧妙用法
2021/06/22 Python
JavaScript组合继承详解
2021/11/07 Javascript