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

2023-04-27,,

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

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

Input输入框输入银行卡号自动空格的相关教程结束。

《Input输入框输入银行卡号自动空格.doc》

下载本文的Word格式文档,以方便收藏与打印。