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实现的所谓的滑动门
May 23 Javascript
当鼠标滑过文本框自动选中输入框内容的JS代码分享
Nov 26 Javascript
javascript实现点击按钮弹出一个可关闭层窗口同时网页背景变灰的方法
May 13 Javascript
JS 在数组指定位置插入/删除数据的方法
Jan 12 Javascript
Javascript中的 “&amp;” 和 “|” 详解
Feb 02 Javascript
JavaScript面向对象精要(下部)
Sep 12 Javascript
JavaScript生成简单等差数列
Nov 28 Javascript
vue 监听屏幕高度的实例
Sep 05 Javascript
原生Vue 实现右键菜单组件功能
Dec 16 Javascript
es6中使用map简化复杂条件判断操作实例详解
Feb 19 Javascript
vue 清空input标签 中file的值操作
Jul 21 Javascript
js实现飞机大战游戏
Aug 26 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
Uncaught exception com_exception with message Failed to create COM object
2012/01/11 PHP
php var_export与var_dump 输出的不同
2013/08/09 PHP
Zend Framework教程之连接数据库并执行增删查的方法(附demo源码下载)
2016/03/21 PHP
Centos PHP 扩展Xchche的安装教程
2016/07/09 PHP
PHP实现简单ajax Loading加载功能示例
2016/12/28 PHP
用javascript操作xml
2006/11/04 Javascript
基于jquery编写的横向自适应幻灯片切换特效的实例代码
2013/08/06 Javascript
基于javascript实现判断移动终端浏览器版本信息
2014/12/09 Javascript
javascript中parseInt()函数的定义和用法分析
2014/12/20 Javascript
jQuery获取单击节点对象的方法
2016/06/02 Javascript
移动端js图片查看器
2016/11/17 Javascript
JavaScript实现简单生成随机颜色的方法
2017/09/21 Javascript
vue-scroller记录滚动位置的示例代码
2018/01/17 Javascript
基于js实现逐步显示文字输出代码实例
2020/04/02 Javascript
基于JavaScript实现表格隔行换色
2020/05/08 Javascript
js 图片懒加载的实现
2020/10/21 Javascript
ant-design表单处理和常用方法及自定义验证操作
2020/10/27 Javascript
[53:10]2018DOTA2亚洲邀请赛 4.6 淘汰赛 VP vs VG 第一场
2018/04/11 DOTA
[36:41]完美世界DOTA2联赛循环赛FTD vs Magma第一场 10月30日
2020/10/31 DOTA
Django自定义分页与bootstrap分页结合
2021/02/22 Python
查看django执行的sql语句及消耗时间的两种方法
2018/05/29 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
Python多线程处理实例详解【单进程/多进程】
2019/01/30 Python
python多环境切换及pyenv使用过程详解
2019/09/27 Python
Python:合并两个numpy矩阵的实现
2019/12/02 Python
PyTorch 解决Dataset和Dataloader遇到的问题
2020/01/08 Python
整理HTML5中支持的URL编码与字符编码
2016/02/23 HTML / CSS
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
轻金属冶金专业毕业生自荐信
2013/11/02 职场文书
将相和教学反思
2014/02/04 职场文书
给学校的建议书范文
2014/05/15 职场文书
安全责任书怎么写
2014/07/28 职场文书
业务员工作态度散漫检讨书
2014/11/02 职场文书
总经理助理岗位职责
2015/01/31 职场文书
公司行政主管岗位职责
2015/04/09 职场文书
Python文件的操作示例的详细讲解
2021/04/08 Python