宜昌网站建设,宜昌网站改版宜昌网站设计,宜昌网站制作,宜昌网站设计公司,宜昌网站制作公司,宜昌高端网站设计,宜昌专题网站设计,宜昌微信开发,网站制作,网站建设,宜昌小程序开发,宜昌专业网站制作公司

宜昌网站建设,宜昌网站改版宜昌网站设计,宜昌网站制作,宜昌网站设计公司,宜昌网站制作公司,宜昌高端网站设计,宜昌专题网站设计,宜昌微信开发,网站制作,网站建设,宜昌小程序开发,宜昌专业网站制作公司
js填写银行卡号,每隔4位数字加一个空格
发布时间:2024-12-09  阅读量:42

简介:

大致看了网上的方法,基本是不全面,不能正常使用其他按键,例如退格键,全选…


1、原生js写法


1
2
3
4
5
6
7
8
!function () {
    document.getElementById('bankCard').onkeyup = function (event) {
        var v = this.value;
        if(/S{5}/.test(v)){
            this.value = v.replace(/s/g, '').replace(/(.{4})/g, "$1 ");
        }
    };
}();


2、jQuery写法


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!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(/(.{4})/g, "$1 "));
        });
    }();
</script>
</body>
</html>


3、结束语

3.1、本文有任何错误,或有任何疑问,欢迎留言说明。宜昌微信小程序,微信官网,微信二次开发定制-红点互动