Input输入框输入银行卡号自动空格

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 ")); //利用正则处理
         }
    });
}();

 

简单的几行代码~ 解决了一个简单的小功能~~