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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript使用键盘输入控制实现数字验证功能，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1094字，纯文字阅读大概需要2分钟。

内容图文

现在有一个需求如下图：

产品经理说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使用键盘输入控制实现数字验证功能所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端