JS实现填写银行卡号，每隔4位数字加一个空格

2024-09-06 12:41:16

字体：大中小

来源：转载

供稿：网友

这篇文章主要为大家详细介绍了JS实现填写银行卡号，每隔4位数字加一个空格，具有一定的参考价值，感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴。

我们在登录银行相关信息的时候，一般会发现这样的一个现象，在属于银行卡信息的时候，我们每次输入四个数字他就会自动增加一个空格，方便我们查看，那么这么的效果是如何实现的呢?下面361模板介绍两种JS实现填写银行卡号，每隔4位数字加一个空格的方法。

1、原生js写法

function () {    document.getElementById('bankCard').onkeyup = function (event) {        var v = this.value;        if(//S{5}/.test(v)){            this.value = v.replace(//s/g, '').replace(/(/d{4})(?=/d)/g, "$1 ");        }    };}();

2、jQuery写法

<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title></title></head><body><input type="text" id="J_BankCard"/><script src="http://res.wdphp.com/jquery/1.10.2/jquery.min.js"></script><script>    !function () {        $('#J_BankCard').on('keyup mouseout input',function(){            var $this = $(this),                v = $this.val();            //S{5}/.test(v) && $this.val(v.replace(//s/g,'').replace(/(/d{4})(?=/d)/g, "$1 "));        });    }();</script></body></html>

以上就是JS实现填写银行卡号，每隔4位数字加一个空格的全部内容，希望对大家的学习和解决疑问有所帮助，也希望大家多多支持武林网。

上一篇：Js获取高宽度的方法汇总转

下一篇：HTML中JS实现打开页面直接跳转到锚点位置