JavaScript使用键盘输入控制实现数字验证功能
2016-08-19 11:13
751 查看
现在有一个需求如下图:
产品经理说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实现监视用户键盘输入(只能输入数字,最大输入8个)
- JavaScript实现的使用键盘控制人物走动实例
- 使用javascript 实现.net 验证控件功能
- 2、使用地址表实现如下功能:根据输入的数字1-7,分别显示相应的英文星期名,如果输入其他字符,则重新输入。
- JavaScript实现的使用键盘控制人物走动实例
- 如何使用javascript控制html中的input文本框只能输入数字
- 汇编语言: 从键盘上输入一串字符(用回车键结束,使用 10 号功能调用。)放在 STRING 中,试 编制一个程序测试字符串中是否存在数字。如有,则把 CL 的第 5 位置 1,否则将该位置置 0。
- 从键盘输入某个十进制小数或整数,转换成对应的二进制小数并输出。 (查询十进制小数转换成二进制小数的算法,使用循环来实现。 最多保留小数位后7位数字即可)算法
- 客户端JavaScript实现监视用户键盘输入(只能输入数字,最大输入8个)
- ASP.NET中服务器控件Button调用javascript代码运用正则表达式验证TextBox中输入的是否为正整数或正小数,符合要求则继续运行服务器端代码功能的实现
- 使用Javascript实现一种简单的数字混淆功能(高手绕过)
- JavaScript控制输入框中只能输入中文、数字和英文的方法【基于正则实现】
- Javascript控制文本框只能输入数字
- JavaScript实现仅允许输入数字
- 在网页里让文本框只能输入数字的一种方法。外加回车换Tab (javascript key键的使用)+禁止切换输入法
- javascript让文本框只能输入数字, 带数字类型和限制最大值功能.
- javascript让文本框只能输入数字, 带数字类型和限制最大值功能.
- 用 JavaScript 验证只能输入数字,并做数字加总
- 使用javascript事件机制限制文本框中只能输入数字
- javascript js 验证用户输入是否为数字