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 相关文章推荐
关于javascript中的parseInt使用技巧
Sep 03 Javascript
jQuery插件Tmpl的简单使用方法
Apr 27 Javascript
JavaScript实现给定时间相加天数的方法
Jan 25 Javascript
Bootstrap滚动监听(Scrollspy)插件详解
Apr 26 Javascript
使用Bootstrap Tabs选项卡Ajax加载数据实现
Dec 23 Javascript
node实现定时发送邮件的示例代码
Aug 26 Javascript
Angular中支持SCSS的方法
Nov 18 Javascript
Angular服务Request异步请求的实例讲解
Aug 13 Javascript
微信小程序转发事件实现解析
Oct 22 Javascript
Vue实现导航栏的显示开关控制
Nov 01 Javascript
JS实现动态无缝轮播
Jan 11 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
Jun 22 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模拟HTTP认证
2006/10/09 PHP
关于Intype一些小问题的解决办法
2008/03/28 PHP
关于PHPDocument 代码注释规范的总结
2013/06/25 PHP
无刷新动态加载数据 滚动条加载适合评论等页面
2013/10/16 PHP
CI框架中site_url()和base_url()的区别
2015/01/07 PHP
jquery 双色表格实现代码
2009/12/08 Javascript
js获取浏览器的可视区域尺寸的实现代码
2011/11/30 Javascript
js onkeypress与onkeydown 事件区别详细说明
2012/12/13 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
2013/09/06 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
2014/03/06 Javascript
JSON.parse()和JSON.stringify()使用介绍
2014/06/20 Javascript
让人蛋疼的JavaScript语法特性
2014/09/30 Javascript
JS上传图片前实现图片预览效果的方法
2015/03/02 Javascript
js时钟翻牌效果实现代码分享
2020/07/31 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
2016/01/08 Javascript
Bootstrap按钮下拉菜单组件详解
2016/05/10 Javascript
AngularJs定时器$interval 和 $timeout详解
2017/05/25 Javascript
详解vue-cli 构建Vue项目遇到的坑
2017/08/30 Javascript
vue 弹框产生的滚动穿透问题的解决
2018/09/21 Javascript
使用 vue 实例更好的监听事件及vue实例的方法
2019/04/22 Javascript
vue slot与传参实例代码讲解
2019/04/28 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
javascript中contains是否包含功能实现代码(扩展字符、数组、dom)
2020/04/07 Javascript
详解webpack的文件监听实现(热更新)
2020/09/11 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
python多个模块py文件的数据共享实例
2019/01/11 Python
Python二叉树的镜像转换实现方法示例
2019/03/06 Python
用python监控服务器的cpu,磁盘空间,内存,超过邮件报警
2021/01/29 Python
python中子类与父类的关系基础知识点
2021/02/02 Python
公司开业庆典主持词
2014/03/21 职场文书
竞聘上岗演讲
2014/05/19 职场文书
计划生育宣传标语
2014/06/21 职场文书
怎么写工作检讨书
2014/11/16 职场文书
滴水洞导游词
2015/02/10 职场文书
格林童话读书笔记
2015/06/30 职场文书
Django实现翻页的示例代码
2021/05/24 Python