input输入框是表格中用都最多的,像输入手机,密码,银行卡号的,很多对于输入银行卡号是没有处理的,比如这样~~
看起来是不是一团乱麻,, 眼睛瞬间一片漆黑~ 如果是这样,会不会好很多呢~~
其实逻辑非常的简单,就是利用我们输入数字时候的键盘key来控制~ 毕竟银行卡号肯定是只有数字的吧~~ 键盘上可以输入数字的,除了小键盘数字键,就是键盘上方的数字键了,~ 把这些都找出来判断一下,就可以了~~~
先科普一下我们电脑上的对应KEY值
自动4个数值空格的方法~~
!function () { $('#input').on('keyup mouseout input',function(e){ //当前输入框 if((e.which >= 48 && e.which <= 57) ||(e.which >= 96 && e.which <= 105 )){ //判断输入KEY范围 var $this = $(this), v = $this.val(); /S{5}/.test(v) && $this.val(v.replace(/s/g,'').replace(/(.{4})/g, "$1 ")); //利用正则处理 } }); }();
简单的几行代码~ 解决了一个简单的小功能~~