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 相关文章推荐
对联广告js flash激活
Oct 19 Javascript
js程序中美元符号$是什么
Jun 05 Javascript
解决jQuery插件tipswindown与hintbox冲突
Nov 05 Javascript
写自已的js类库需要的核心代码
Jul 16 Javascript
使用 Node.js 做 Function Test实现方法
Oct 25 Javascript
在JavaScript中用getMinutes()方法返回指定的分时刻
Jun 10 Javascript
Bootstrap布局之栅格系统详解
Jun 13 Javascript
jQuery实现的仿百度,仿谷歌搜索下拉框效果示例
Dec 30 Javascript
在JS中如何把毫秒转换成规定的日期时间格式实例
May 11 Javascript
一些你可能不熟悉的JS知识点总结
Mar 15 Javascript
实例详解vue中的$root和$parent
Apr 29 Javascript
jQuery提示框插件SweetAlert用法分析
Aug 05 jQuery
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
第十节 抽象方法和抽象类 [10]
2006/10/09 PHP
mysql+php分页类(已测)
2008/03/31 PHP
javascript 小型动画组件与实现代码
2010/06/02 PHP
PHP的可变变量名的使用方法分享
2012/02/05 PHP
[HTML/CSS/Javascript]WWTJS
2007/09/25 Javascript
IE的事件传递-event.cancelBubble示例介绍
2014/01/12 Javascript
jquery判断元素是否隐藏的多种方法
2014/05/06 Javascript
js实现简单的购物车有图有代码
2014/05/26 Javascript
jQuery获取对象简单实现方法小结
2014/10/30 Javascript
JS折半插入排序算法实例
2015/12/02 Javascript
JS实现根据用户输入分钟进行倒计时功能
2016/11/14 Javascript
vue组件之Alert的实现代码
2017/10/17 Javascript
原生JavaScript实现todolist功能
2018/03/02 Javascript
微信公众平台 客服接口发消息的实现代码(Java接口开发)
2019/04/17 Javascript
Node.js开发之套接字(socket)编程入门示例
2019/11/05 Javascript
Python端口扫描简单程序
2016/11/10 Python
Python3.X 线程中信号量的使用方法示例
2017/07/24 Python
Python金融数据可视化汇总
2017/11/17 Python
Python实现爬取百度贴吧帖子所有楼层图片的爬虫示例
2018/04/26 Python
python 获取url中的参数列表实例
2018/12/18 Python
基于python操作ES实例详解
2019/11/16 Python
Python爬虫程序架构和运行流程原理解析
2020/03/09 Python
详解Flask前后端分离项目案例
2020/07/24 Python
教你如何用python操作摄像头以及对视频流的处理
2020/10/12 Python
Anaconda+spyder+pycharm的pytorch配置详解(GPU)
2020/10/18 Python
CSS3中新增的对文本和字体的设置
2020/02/03 HTML / CSS
物理系毕业生自荐书范文
2014/02/22 职场文书
户外活动策划方案
2014/03/12 职场文书
函授生自我鉴定
2014/03/25 职场文书
新闻发布会活动策划方案
2014/09/15 职场文书
2014年环保工作总结
2014/11/26 职场文书
滴水洞导游词
2015/02/10 职场文书
2016教师党员学习心得体会
2016/01/21 职场文书
SQL实现LeetCode(178.分数排行)
2021/08/04 MySQL
用Python可视化新冠疫情数据
2022/01/18 Python
Python echarts实现数据可视化实例详解
2022/03/03 Python