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中attr()与prop()函数用法实例详解(附用法区别)
Dec 29 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
完美解决jQuery 鼠标快速滑过后,会执行多次滑出的问题
Dec 08 Javascript
Ionic2调用本地SQlite实例
Apr 22 Javascript
vue.js国际化 vue-i18n插件的使用详解
Jul 07 Javascript
javascript 日期相减-在线教程(附代码)
Aug 17 Javascript
浅谈vue中使用图片懒加载vue-lazyload插件详细指南
Oct 23 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
Sep 21 Javascript
用Object.prototype.toString.call(obj)检测对象类型原因分析
Oct 11 Javascript
JS实现深度优先搜索求解两点间最短路径
Jan 17 Javascript
微信小程序mpvue点击按钮获取button值的方法
May 29 Javascript
vue 实现 rem 布局或vw 布局的方法
Nov 13 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
SONY SRF-22W(33W)的电路分析和维修案例
2021/03/02 无线电
虹吸式咖啡壶操作
2021/03/03 冲泡冲煮
PHP中Closure类的使用方法及详解
2015/10/09 PHP
Laravel 连接(Join)示例
2019/10/16 PHP
JS 文件大小判断的实现代码
2010/04/07 Javascript
JS写的贪吃蛇游戏(个人练习)
2013/07/08 Javascript
详解Javascript动态操作CSS
2014/12/08 Javascript
JavaScript的Polymer框架中dom-repeat与VM的相关操作
2015/07/29 Javascript
js小数计算小数点后显示多位小数的实现方法
2016/05/30 Javascript
jQuery简单创建节点的方法
2016/09/09 Javascript
简单谈谈关于Angular Cli打包的事
2017/09/05 Javascript
JavaScript创建对象的常用方式总结
2018/08/10 Javascript
JS监听滚动和id自动定位滚动
2018/12/18 Javascript
React中阻止事件冒泡的问题详析
2019/04/12 Javascript
vue cli 3.0 搭建项目的图文教程
2019/05/17 Javascript
vue el-table实现自定义表头
2019/12/11 Javascript
vue用elementui写form表单时,在label里添加空格操作
2020/08/13 Javascript
JQuery绑定事件四种实现方法解析
2020/12/02 jQuery
基于wxpython开发的简单gui计算器实例
2015/05/30 Python
Python中的元组介绍
2019/01/28 Python
Django models.py应用实现过程详解
2019/07/29 Python
Python列表的切片实例讲解
2019/08/20 Python
Python数据可视化实现正态分布(高斯分布)
2019/08/21 Python
python模块常用用法实例详解
2019/10/17 Python
将数据集制作成VOC数据集格式的实例
2020/02/17 Python
Python替换NumPy数组中大于某个值的所有元素实例
2020/06/08 Python
python中用Scrapy实现定时爬虫的实例讲解
2021/01/18 Python
达拉斯牛仔官方商店:Dallas Cowboys Pro Shop
2018/02/10 全球购物
什么是Rollback Segment
2013/04/22 面试题
彩色的翅膀教学反思
2014/04/25 职场文书
保护环境演讲稿
2014/05/10 职场文书
迎国庆演讲稿
2014/09/05 职场文书
司法局2014法制宣传日活动总结
2014/11/01 职场文书
意向协议书
2015/01/27 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书