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

最新推荐文章于 2024-04-19 10:18:52 发布

kakaxiD

最新推荐文章于 2024-04-19 10:18:52 发布

阅读量758

点赞数

分类专栏：个人日记文章标签：函数 javascript

本文链接：https://blog.csdn.net/kakaxiD/article/details/78603364

版权

个人日记专栏收录该内容

108 篇文章 1 订阅

订阅专栏

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 lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<input type="text" id="J_BankCard"/>
<script src="http://static.ydcss.com/libs/jquery/1.11.2/jquery.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>

http://www.ydcss.com/archives/472###

kakaxiD

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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, '').replac
复制链接

扫一扫