输入银行卡号，每四位自动加一个空格

最新推荐文章于 2024-09-28 04:55:34 发布
最新推荐文章于 2024-09-28 04:55:34 发布
阅读量4.0k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 实例 文章标签： 正则表达式
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_32034679/article/details/56016480
本文介绍了一种使用onKeyUp事件和正则表达式自动格式化银行卡号的方法，当用户每输入四位数字时，系统会自动插入空格，提高输入体验。

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

需求是，当用户输入银行卡号时，每个四位，就自动插入一个空格。
使用onKeyUp事件和正则表达式来实现：

<td class='n' ><em class="helper">*</em>收款账号：</td>
<td>
    <input type="text" id="partybAccount" name="partybAccount" onkeyup="this.value=this.value.replace(/\D/g,'').replace(/....(?!$)/g,'$& ')"/>
</td>

实现的效果如下：
每隔四位加空格

（vue项目）实现输入银行卡号每隔四位自动补一个空格，且再次修改输入光标不会错位
qq_41297968的博客
08-30 4359
（vue项目）实现输入银行卡号每隔四位自动补一个空格，且再次修改输入光标不会错位 直接看效果： 对于输入框输入银行卡号每个4位自动增加一个空格，看了很多小伙伴写的都存在各种各样的小问题，最明显的就是光标错位（输入完成后，再回去修改中间的，光标自动跑到最后面）。后面决定手撸一个。代码如下： html: <input v-model="testData" @input="formatCardNumber" ref="cardInput" /> js: data() { return {
vue中Element-ui 输入银行账号每四位加一个空格的实现代码
12-29
 我们在输入银行账号会设置每四位添加一个空格，输入金额，每三位添加一个空格。那么，在vue，element-ui 组件中，如何实现呢？ 二、效果图： 三、实现代码： 银行账号> <el-input type=text maxlength=23 ...
银行卡号4位加空格
04-02
输入的银行卡号,每隔4位加空格,最多19位,并获取。
银行卡号4位一空格
professionIT的博客
03-24 891
废话不多说，直接上图 布局文件中引用 一个自定义的edittext控件 public class HPEditText extends EditText { private boolean isRun = false; private String d = ""; public HPEditText(Context context) {
php 银行卡号 手机号码 正则表达式格式化 每4位隔空格显示
Yuhao的专栏
03-03 8821
$str = '6228480402564890018'; preg_match('/([\d]{4})([\d]{4})([\d]{4})([\d]{4})([\d]{0,})?/', $str,$match); unset($match[0]); echo implode(' ', $match); 这个正则稍加修改，你就可以用来格式化其他字符串，比如手机号： $str = '
Excel中关于银行卡号的应用即每隔4位加个空格及删除空格
热门推荐
sddsdl的博客
09-26 1万+
在本文将为大家分享一个关于银行卡号的应用，如银行卡号为3303271988090725，接下来我们要做的就是每隔4位加个空格。我们很容易想到的就是用mid来截取位数，还有连接函数加上空格。同样去掉这每隔4个位置的空格我们会想到substitute文本函数，有了思路就差实现了，感兴趣的朋友就一起来操作下吧。 比如银行卡号为3303271988090725。我们为了看的更清楚，我们需要每隔4位加个空
处理银行卡每隔4位数用空格隔开(正则表达式)
weixin_34292959的博客
01-27 1356
&lt;?php $str = "2081180100100000072"; $str = preg_replace('/(\d{4})(?=\d)/', '$1 ', $str); echo "&lt;br&gt;"; echo $str; ?&gt;  
银行卡号，每四位添加空格
weixin_30505751的博客
11-01 254
//银行卡号4位添加空格 function bankVal() { $('#bankVal').on('blur',function () { this.value = this.value.replace(/\s/g, '').replace(/(\d{4})(?=\d)/g, "$1 "); }) } 转载于:htt...
JS填写银行卡号每隔4位数字加一个空格
10-20
本文介绍了如何使用JavaScript和jQuery两种技术，实现一个常用但对用户体验提升极大的功能——在用户输入银行卡号时每隔四位数字自动添加一个空格。通过上述示例代码，可以快速掌握如何在实际开发中应用此功能。同时...
Excel 自动4位分隔长数字 ，如银行卡号
最新发布
mapaler的专栏
09-28 2702
工作中，做财务相关工作时，有大量的银行卡号希望打印成每 4 位空一格的形式，方便后续查看。本文介绍了 Excel 里如何用自带函数做出从左到右每 4 位自动添加空格的效果。
输入银行卡号，每隔4位数字加一个空格（小细节）
qq_34825758的博客
10-11 4166
document.getElementById('bankCardInp').onkeyup = function (event) { var v = this.value; console.log(/\S{5}/.test(v)); console.log(v); if(/\S{5}/.test(v)){ this.value = v.replac
js 银行卡每四位加空格正则表达式
丽丽大神ing的博客
04-16 1812
参考链接：https://blog.csdn.net/java_warplane/article/details/77769346 <input name="" id="" value=""/> <script> // 16位或者19位银行卡号 var reg = /^(\d{16}|\d{19})$/; $("input").blur(function(){ ...
银行卡号码显示每隔4位数空一格
龚清林的博客
10-15 2207
&lt;input type="text" name="card_number" id="card_number" placeholder="请输入银行卡号" onkeyup="formatBankNo(this)" onkeydown="formatBankNo(this)"&gt; function formatBankNo (BankNo){ if (Ban
银行卡号每四位添加一个空格
MercedesCc的博客
10-17 3338
前端页面展示需要加上空格， this.cardnum.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, '$1 '); 而上传后台时往往需要去掉空格， this.cardnum.replace(/\s/g, "") 金额最多输入小数点后两位 this.amountPrice.replace(/^(\-)*(\d+)\.(\d\d).*$/, ...
银行卡每隔四位空一个空格
JiaYouAiJing的博客
03-02 269
watch:{ form: { newVal就是银行卡号码 handler(newVal) { this.form.bankCardNum=newVal.bankCardNum.replace(/\s/g,'').replace(/[^\d]/g,'').replace(/(\d{4})(?=\d)/g,'$1 ') }, deep: true } }
银行账号每4位插入一个空格
weixin_30600503的博客
05-27 329
<!DOCTYPE html><html><head lang="en"><meta charset="UTF-8"><title>银行卡号4位空格</title><script src="http://j2.58cdn.com.cn/js/jquery-1.8.3.js"></script></...
Oracle、JS实现 银行卡号 每四位 加空格分隔
BestEternity的博客
01-03 973
Oracle中substr函数用法： substr(字符串,截取开始位置,截取长度) //返回截取的字 substr('Hello World',0,1) //返回结果为 'H'  *从字符串第一个字符开始截取长度为1的字符串 substr('Hello World',1,1) //返回结果为 'H'  *0和1都是表示截取的开始位置为第一个字符 substr('Hello World',...
input输四隔一，类似银行账号输入
aifu8508的博客
10-31 220
$("#ipt").bind('input propertychange',function(){ var value=$(this).val().replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 "); $(this).val(value) }) 转载于:h...
小程序 银行卡号输入4位自动加入空格符和输入时的光标问题
qq_42975998的博客
11-02 1005
小程序在输入银行卡号时每四位空一格用replace就可以实现 .replace(/\s/g, '') .replace(/[^\w./]/g, '') .replace(/(\w{4})(?=\w)/g, '$1 '); 但是当改变中间某一位时，如果使用setData重新给输入框赋值就会导致光标跳到最后一位，所以要使用cursor属性让光标不乱跑 wxml: <view> <text>银行账号</text> <input type="number
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值