手机版

JavaScript使用键盘输入控件实现数字验证功能

时间:2021-09-07 来源:互联网 编辑:宝哥软件园 浏览:

现在有如下需求:

产品经理说卡号只能用来输入数字(中间的空格是格式自加的,也是js实现的)。有时候脑子里会有一个声音。管他呢,加个type=number还不够。其实发现图森这个图破了,更不用说type=number后会有一个上下标(虽然可以被css杀死),但是这个类型支持科学输入法。也就是小数点和e可以输入,所以只能用其他方式。后来想用搜索输入非数字,但还是能输入,思绪被唤回。所以最后我采用了键盘输入控制的方法,其实很简单。代码如下:

var是number=function(key code){//number if(key code=48 key code=57){ return true;}//键盘if(键码=96键码=105){返回true} //tab Backspace、del、左右箭头键if(键码==9 | |键码==8 | |键码==32 | |键码==46 | |键码==37 | |键码==39){ return true;} return false}所谓键盘输入控制,就是根据键盘输入的键码来判断是什么类型的输入,即获取被按下的键盘按键的Unicode值。键盘上每个按键对应的键码是固定的,网上有很多对照表,这里就不贴了。每次按键检测到对应的键码后再进行比对看是否合法,需要注意的是,这里不仅数字合法,上、下、左右制表符和空格方向键也是合法的,不能禁用用户的操作指令。

版权声明:JavaScript使用键盘输入控件实现数字验证功能是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。