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 相关文章推荐
Dom 是什么的详细说明
Oct 25 Javascript
js正文内容高亮效果的实现方法
Jun 30 Javascript
jQuery on()方法使用技巧详解
Apr 16 Javascript
js右下角弹出提示框示例代码
Jan 12 Javascript
Three.js学习之Lamber材质和Phong材质
Aug 04 Javascript
BootStrap入门教程(二)之固定的内置样式
Sep 19 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
vuex进阶知识点巩固
May 20 Javascript
electron-vue利用webpack打包实现多页面的入口文件问题
May 12 Javascript
Vue+Element实现表格编辑、删除、以及新增行的最优方法
May 28 Javascript
Vue指令之 v-cloak、v-text、v-html实例详解
Aug 08 Javascript
用Javascript实现发送短信验证码间隔功能
Feb 08 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学习笔记之二
2011/01/17 PHP
PHP判断远程图片或文件是否存在的实现代码
2014/02/20 PHP
yii2 RBAC使用DbManager实现后台权限判断的方法
2016/07/23 PHP
PHP使用pdo实现事务处理操作示例
2018/09/05 PHP
php面向对象程序设计入门教程
2019/06/22 PHP
CSS常用网站布局实例
2008/04/03 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
javascript的document.referrer浏览器支持、失效情况总结
2014/07/18 Javascript
jQuery-mobile事件监听与用法详解
2016/11/23 Javascript
Bootstrap弹出框(Popover)被挤压的问题小结
2017/07/11 Javascript
基于JS递归函数细化认识及实用实例(推荐)
2017/08/07 Javascript
vue组件中使用iframe元素的示例代码
2017/12/13 Javascript
IE浏览器下JS脚本提交表单后,不能自动提示问题解决方法
2019/06/04 Javascript
使用vue-cli4.0快速搭建一个项目的方法步骤
2019/12/04 Javascript
在vue项目中promise解决回调地狱和并发请求的问题
2020/11/09 Javascript
Vue 组件注册全解析
2020/12/17 Vue.js
[02:26]DOTA2英雄米拉娜基础教程
2013/11/25 DOTA
[41:17]VG vs Optic 2018国际邀请赛小组赛BO2 第二场 8.19
2018/08/21 DOTA
[03:41]2018完美盛典-《Fight With Us》
2018/12/16 DOTA
pygame播放音乐的方法
2015/05/19 Python
Python中getattr函数和hasattr函数作用详解
2016/06/14 Python
Python实现一个Git日志统计分析的小工具
2017/12/14 Python
python:动态路由的Flask程序代码
2019/11/22 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
英国最大的百货公司:Harrods
2016/08/18 全球购物
一个SQL面试题
2014/08/21 面试题
毕业生文员求职信
2013/11/03 职场文书
中学教师请假制度
2014/02/03 职场文书
中班开学寄语
2014/04/04 职场文书
大学生就业求职信
2014/06/12 职场文书
贷款收入证明格式
2015/06/24 职场文书
2015秋季开学典礼新闻稿
2015/07/17 职场文书
Python 如何安装Selenium
2021/05/06 Python
Python爬虫入门案例之回车桌面壁纸网美女图片采集
2021/10/16 Python
Pygame Time时间控制的具体使用详解
2021/11/17 Python
Python&Matlab实现灰狼优化算法的示例代码
2022/03/21 Python