每4位卡号以空格分隔的JS

最新推荐文章于 2021-12-20 16:51:04 发布

simon_xu_sh

最新推荐文章于 2021-12-20 16:51:04 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： jquery

本文链接：https://blog.youkuaiyun.com/simon_xu_sh/article/details/42236135

jquery 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一段JavaScript代码，该代码用于实现信用卡号的格式化处理，具体为每四位数字后插入空格以增强可读性。通过监听输入框的键盘事件来实时更新显示格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在实际业务应用中，用到每4位卡号以空格分隔，相应的JS如下：

<script language=javascript> 
     
    function cardInsertBlank(){ 
        var len=document.getElementById('cid').value.length; 
        var reg = /\s{1,}/g; 
        var card_ = ""; 
        var card=document.getElementById('cid').value; 
        //去除空格 
        card = card.replace(reg,""); 
        for(var i = 0;i < len;i++){ 
            if(i == 3||i == 7 ||i == 11||i == 15) 
            { 
                card_ = card_ + card.charAt(i) + " "; 
            } 
            else 
            { 
                card_ = card_ + card.charAt(i); 
            } 
                     
        } 

        document.getElementById("cid").value = card_; 
    } 
     
         
</script>

在应用的区域加入对按钮按下的事件处理：

<input type="text" id="cid" name="cid" value=""  onkeyup="cardInsertBlank()"/>