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

2018-06-16 编程教程
  • 文章介绍
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://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>

上一篇:php将从数据库中获得的数据转换成json格式并输出

下一篇:php生成随机唯一邀请码/优惠码 固定长度

专业的织梦模板定制下载站,在线购买后即可下载!

商业源码

跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

立刻开启你的建站之旅
QQ在线客服

服务热线

织梦建站咨询