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

本文介绍了一段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()"/>


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值