类似银行的输入遇到4位自动跳格的类

这是一个使用jQuery实现的JavaScript函数,当用户在输入框中输入银行卡号时,每输入四位数字后自动在后面添加一个空格。通过监听keyup事件,获取输入值并处理,移除原有空格,并在适当位置插入空格。

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

var prompt = function(){                     // 输入四个数字自动加空格    
  $("input.prompt").keyup(function (){  // 添加获取和显示输入值,以及处理
   var id = $(this).attr("id");         // 获取选中项的id  
   
   //$("p").css({"fontSize":"30px" ,"backgroundColor":"#ccc"});// 设置style属性
   $("input#" + id).css({"font-family":"verdana", "font-size":"116%", "font-weight":"bold", "color":"Orange"});
   
   //var len = document.getElementById('sno').value.length;     // 获取长度和值
   var lengths = $("input#" + id).val().length;  
   var values = $("input#" + id).val();      
   
   var reg = /\s{1,}/g;         //
   var str = "";

   //除去空格 
   values = values.replace(reg , "");

   for(var i=0; i<lengths; i++){
    if( (i+1)%4 == 0 ){
     str = str + values.charAt(i) + " ";     
    }else{
     str = str + values.charAt(i);
    }
   } 
   //document.getElementById("sno").value = str;   
   //$(this).val(str);   
   $("input#" + id).val(str);      
  }); 
 }

 

输入银行卡号 每四位数后边加一个空格

 window.onload =function() {

            document.getElementById("waterAcount").onkeyup =function() {

                this.value =this.value.replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 ");;

            };

        };    

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值