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的滚动鼠标放大缩小图片效果
Oct 27 Javascript
Jquery判断$(&quot;#id&quot;)获取的对象是否存在的方法
Sep 25 Javascript
举例讲解JavaScript中将数组元素转换为字符串的方法
Oct 25 Javascript
AngularJS的ng Http Request与response格式转换方法
Nov 07 Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 Javascript
详解从angular-cli:1.0.0-beta.28.3升级到@angular/cli:1.0.0
May 22 Javascript
JS闭包原理与应用经典示例
Dec 20 Javascript
JS实现点击按钮随机生成可拖动的不同颜色块示例
Jan 30 Javascript
js动态获取时间的方法分析
Aug 02 Javascript
vue学习笔记之slot插槽基本用法实例分析
Feb 01 Javascript
使用Vue+Django+Ant Design做一个留言评论模块的示例代码
Jun 01 Javascript
JS实现小米轮播图
Sep 21 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 ucwords() 函数将字符串中每个单词的首字符转换为大写(实现代码)
2016/05/12 PHP
jQuery的实现原理的模拟代码 -2 数据部分
2010/08/01 Javascript
这段js代码得节约你多少时间
2011/12/20 Javascript
JS获取后台Cookies值的小例子
2013/03/04 Javascript
JS代码判断IE6,IE7,IE8,IE9的函数代码
2013/08/02 Javascript
在JavaScript中使用timer示例
2014/05/08 Javascript
浅谈Javascript Base64 加密解密
2014/12/28 Javascript
Node.js实现兼容IE789的文件上传进度条
2016/09/02 Javascript
利用node.js搭建简单web服务器的方法教程
2017/02/20 Javascript
JS+html5制作简单音乐播放器
2020/09/13 Javascript
Vue.js在使用中的一些注意知识点
2017/04/29 Javascript
jquery实现tab选项卡切换效果(悬停、下方横线动画位移)
2017/05/05 jQuery
JS实现的简单四则运算计算器功能示例
2017/09/27 Javascript
JavaScript实现重力下落与弹性效果的方法分析
2017/12/20 Javascript
详解webpack3编译兼容IE8的正确姿势
2017/12/21 Javascript
webpack里使用jquery.mCustomScrollbar插件的方法
2018/05/30 jQuery
vue实现自定义多选与单选的答题功能
2018/07/05 Javascript
手挽手带你学React之React-router4.x的使用
2019/02/14 Javascript
微信小程序开发常见问题及解决方案
2019/07/11 Javascript
原生js实现随机点名功能
2019/11/05 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
js+audio实现音乐播放器
2020/09/13 Javascript
python将pandas datarame保存为txt文件的实例
2019/02/12 Python
Django 外键的使用方法详解
2019/07/19 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
python函数声明和调用定义及原理详解
2019/12/02 Python
python实现智能语音天气预报
2019/12/02 Python
Python带参数的装饰器运行原理解析
2020/06/09 Python
python将数据插入数据库的代码分享
2020/08/16 Python
浅析NumPy 切片和索引
2020/09/02 Python
Scrapy基于scrapy_redis实现分布式爬虫部署的示例
2020/09/29 Python
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
Python实现查询剪贴板自动匹配信息的思路详解
2021/07/09 Python
理解python中装饰器的作用
2021/07/21 Python
vue实现可以快进后退的跑马灯组件
2022/04/08 Vue.js
Li list-style-image 图片垂直居中实现方法
2023/05/21 HTML / CSS