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获取元素文档大小、偏移和位置和滚动条位置的方法集合
Jan 12 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 Javascript
JavaScript将数组转换成CSV格式的方法
Mar 19 Javascript
ExtJS 4.2 Grid组件单元格合并的方法
Oct 12 Javascript
微信小程序 教程之WXSS
Oct 18 Javascript
javascript填充默认头像方法
Feb 22 Javascript
vue+element实现批量删除功能的示例
Feb 28 Javascript
浅谈Postman解决token传参的问题
Mar 31 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
Jquery遍历筛选数组的几种方法和遍历解析json对象,Map()方法详解以及数组中查询某值是否存在
Jan 18 jQuery
vue中jsonp插件的使用方法示例
Sep 10 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取得字符串首字母的方法
2015/03/25 PHP
PHP进制转换实例分析(2,8,16,36,64进制至10进制相互转换)
2017/02/04 PHP
PHP有序表查找之插值查找算法示例
2018/02/10 PHP
详解PHP 二维数组排序保持键名不变
2019/03/06 PHP
Add a Picture to a Microsoft Word Document
2007/06/15 Javascript
firefox下jquery iframe刷新页面提示会导致重复之前动作
2012/12/17 Javascript
jquery动态调整div大小使其宽度始终为浏览器宽度
2014/06/06 Javascript
JavaScript变量声明详解
2014/11/27 Javascript
15款jQuery分布引导插件分享
2015/02/04 Javascript
JavaScript实现简单图片轮播效果
2017/08/21 Javascript
JS实现标签滚动切换效果
2017/12/25 Javascript
js中addEventListener()与removeEventListener()用法案例分析
2020/03/02 Javascript
Python列表list数组array用法实例解析
2014/10/28 Python
Python实现二分法算法实例
2015/02/02 Python
详解用python实现简单的遗传算法
2018/01/02 Python
Python+tkinter使用80行代码实现一个计算器实例
2018/01/16 Python
Python数据处理numpy.median的实例讲解
2018/04/02 Python
详解如何在Apache中运行Python WSGI应用
2019/01/02 Python
python 中如何获取列表的索引
2019/07/02 Python
python监控nginx端口和进程状态
2019/09/06 Python
Python字符编码转码之GBK,UTF8互转
2020/02/09 Python
keras 简单 lstm实例(基于one-hot编码)
2020/07/02 Python
Django使用django-simple-captcha做验证码的实现示例
2021/01/07 Python
纯CSS3实现的8种Loading动画效果
2014/07/05 HTML / CSS
html5 worker 实例(二) 图片变换效果
2013/06/24 HTML / CSS
现在输入n个数字,以逗号,分开;然后可选择升或者降序排序;按提交键就在另一页面显示按什么排序,结果为,提供reset
2012/11/09 面试题
药品营销策划方案
2014/06/15 职场文书
电气自动化求职信
2014/06/24 职场文书
学校志愿者活动总结
2014/06/27 职场文书
暑假学习心得体会
2014/09/02 职场文书
研究生导师评语
2014/12/31 职场文书
遗嘱范文
2015/08/07 职场文书
学习商务礼仪心得体会
2016/01/22 职场文书
秀!学妹看见都惊呆的Python小招数!【详细语言特性使用技巧】
2021/04/27 Python
JS实现简单的九宫格抽奖
2022/06/28 Javascript
centos环境下nginx高可用集群的搭建指南
2022/07/23 Servers