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 相关文章推荐
控制打印时页眉角的代码
Feb 08 Javascript
js 实现无干扰阴影效果 简单好用(附文件下载)
Dec 27 Javascript
Javascript实现CheckBox的全选与取消全选的代码
Jul 20 Javascript
模拟jQuery ajax服务器端与客户端通信的代码
Mar 28 Javascript
jQuery使用技巧简单汇总
Apr 18 Javascript
node.js中的fs.fchmodSync方法使用说明
Dec 16 Javascript
jquery制作漂亮的弹出层提示消息特效
Dec 23 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
Jul 13 jQuery
JS实现电商放大镜效果
Aug 24 Javascript
javaScript产生随机数的用法小结
Apr 21 Javascript
Vue实现左右菜单联动实现代码
Aug 12 Javascript
Vue的双向数据绑定实现原理解析
Feb 17 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 文件编程综合案例-文件上传的实现
2013/07/03 PHP
PHP与Java进行通信的实现方法
2013/10/21 PHP
php读取csv实现csv文件下载功能
2013/12/18 PHP
php集成套件服务器xampp安装使用教程(适合第一次玩PHP的新手)
2015/06/03 PHP
jquery中常用的SET和GET
2009/01/13 Javascript
Js 代码中,ajax请求地址后加随机数防止浏览器缓存的原因
2013/05/07 Javascript
jquery text()方法取标签中的文本
2014/07/25 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
详解AngularJS中的表格使用
2015/06/16 Javascript
举例讲解jQuery对DOM元素的向上遍历、向下遍历和水平遍历
2016/07/07 Javascript
jQuery实现的购物车物品数量加减功能代码
2016/11/16 Javascript
node简单实现一个更改头像功能的示例
2017/12/29 Javascript
浅谈Vue 数据响应式原理
2018/05/07 Javascript
浅谈Vue.js路由管理器 Vue Router
2018/08/16 Javascript
JQuery判断radio单选框是否选中并获取值的方法
2019/01/17 jQuery
ant design vue中表格指定格式渲染方式
2020/10/28 Javascript
在HTML中使用JavaScript的两种方法
2020/12/24 Javascript
基于JavaScript实现简单的轮播图
2021/03/03 Javascript
python实现端口转发器的方法
2015/03/13 Python
利用python将json数据转换为csv格式的方法
2018/03/22 Python
python实现微信防撤回神器
2019/04/29 Python
python for和else语句趣谈
2019/07/02 Python
解析Python3中的Import
2019/10/13 Python
基于python判断目录或者文件代码实例
2019/11/29 Python
python字符串常用方法及文件简单读写的操作方法
2020/03/04 Python
美国大城市最热门旅游景点门票:CityPASS
2016/12/16 全球购物
Lookfantastic瑞典:英国知名美妆购物网站
2018/04/06 全球购物
abstract class和interface有什么区别?
2012/01/03 面试题
高中生班主任评语
2014/04/25 职场文书
商品陈列协议书
2014/09/29 职场文书
会计人员岗位职责
2015/02/03 职场文书
学校开除通知书
2015/04/25 职场文书
投诉书格式范本
2015/07/02 职场文书
《分一些蚊子进来》读后感3篇
2020/01/09 职场文书
Vue实现下拉加载更多
2021/05/09 Vue.js
解决pytorch读取自制数据集出现过的问题
2021/05/31 Python