球探比分网-足球即时比|球探比分足球即时比分手机版捷报|球探足球比分旧版本卡塔尔|188bet足球,计算器竞彩足球胜平负玩法,西超杯赛程比分排名,竞彩足球胜平负开奖结果公告

軟件開(kāi)發(fā),網(wǎng)站建設(shè),微信小程序制作,抖音小程序開(kāi)發(fā)

了

解

紅

點(diǎn)

最

新

動(dòng)

態(tài)

和

行

業(yè)

資

訊

軟件開(kāi)發(fā),網(wǎng)站建設(shè),微信小程序制作,抖音小程序開(kāi)發(fā)
js填寫(xiě)銀行卡號(hào)，每隔4位數(shù)字加一個(gè)空格
發(fā)布時(shí)間：2024-12-09  閱讀量：482

簡(jiǎn)介：

大致看了網(wǎng)上的方法，基本是不全面，不能正常使用其他按鍵，例如退格鍵，全選…


1、原生js寫(xiě)法

JavaScript


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寫(xiě)法

XHTML


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、結(jié)束語(yǔ)

3.1、本文有任何錯(cuò)誤，或有任何疑問(wèn)，歡迎留言說(shuō)明。宜昌微信小程序，微信官網(wǎng)，微信二次開(kāi)發(fā)定制-紅點(diǎn)互動(dòng)