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 基于面向对象的javascript
Feb 16 Javascript
Bootstrap~多级导航(级联导航)的实现效果【附代码】
Mar 08 Javascript
JavaScript面试开发常用的知识点总结
Aug 08 Javascript
微信小程序之仿微信漂流瓶实例
Dec 09 Javascript
本地Bootstrap文件字体图标引入却无法显示问题的解决方法
Apr 18 Javascript
javascript十六进制数字和ASCII字符之间的转换方法
Dec 27 Javascript
js解决软键盘遮挡输入框的问题分享
Dec 19 Javascript
在vue项目中集成graphql(vue-ApolloClient)
Sep 08 Javascript
深入理解与使用keep-alive(配合router-view缓存整个路由页面)
Sep 25 Javascript
微信小程序入门之广告条实现方法示例
Dec 05 Javascript
微信小程序结合Storage实现搜索历史效果
May 18 Javascript
js的新生代垃圾回收知识点总结
Aug 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版快速排序、冒泡排序
2014/04/09 PHP
分享ThinkPHP3.2中关联查询解决思路
2015/09/20 PHP
YII使用url组件美化管理的方法
2015/12/28 PHP
PHP水印类,支持添加图片、文字、填充颜色区域的实现
2017/02/04 PHP
PHP多进程编程实例详解
2017/07/19 PHP
PHP实践教程之过滤、验证、转义与密码详解
2017/07/24 PHP
JS数组的赋值介绍
2014/03/10 Javascript
Javascript基础教程之数据类型 (字符串 String)
2015/01/18 Javascript
jQuery插件Tooltipster实现漂亮的工具提示
2015/04/12 Javascript
JavaScript基本语法讲解
2015/06/03 Javascript
详解Javascript继承的实现
2016/03/25 Javascript
jQuery文字横向滚动效果的实现代码
2016/05/31 Javascript
JS 事件绑定、事件监听、事件委托详细介绍
2016/09/28 Javascript
详解angularjs结合pagination插件实现分页功能
2017/02/10 Javascript
jQuery实现的简单前端搜索功能示例
2017/10/28 jQuery
React-intl 实现多语言的示例代码
2017/11/03 Javascript
使用watch监听路由变化和watch监听对象的实例
2018/02/24 Javascript
JS装饰器函数用法总结
2018/04/21 Javascript
适合前端Vue开发童鞋的跨平台Weex的使用详解
2019/10/16 Javascript
一篇文章带你从零快速上手Rollup
2020/09/07 Javascript
ant-design-vue中tree增删改的操作方法
2020/11/03 Javascript
[02:19]DOTA2上海特级锦标赛 观赛指南 Spectator Guide
2016/02/04 DOTA
[02:49]DOTA2完美大师赛首日观众采访
2017/11/23 DOTA
Python中删除文件的程序代码
2011/03/13 Python
python3之微信文章爬虫实例讲解
2017/07/12 Python
对Tensorflow中的变量初始化函数详解
2018/07/27 Python
python3实现从kafka获取数据,并解析为json格式,写入到mysql中
2019/12/23 Python
Python + selenium + crontab实现每日定时自动打卡功能
2020/03/31 Python
python读取配置文件方式(ini、yaml、xml)
2020/04/09 Python
html5实现九宫格抽奖可固定抽中某项奖品
2020/06/15 HTML / CSS
Currentbody法国:健康与美容高科技产品
2020/08/16 全球购物
简历自荐信
2013/12/02 职场文书
世界遗产导游词
2015/02/13 职场文书
2015年小学生自我评价范文
2015/03/03 职场文书
《普罗米修斯》教学反思
2016/02/22 职场文书
本地搭建minio文件服务器(使用bat脚本启动)的方法
2022/07/15 Servers