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

2024-09-06 12:41:14

字体：大中小

来源：转载

供稿：网友

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

如何实现“填写银行卡号，每隔4位数字加一个空格”，361模板网总结了两种方法来实现。

第一、用原生来实现

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 ");        }    };}();

第二种、通过JQ效果来实现

<!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判断浏览器语言后跳转到对应语言站点

下一篇：JS实现页面显示当前日期星期几