JS控制文本框：输入银行卡号，4位自动加上空格分隔

最新推荐文章于 2021-11-25 11:42:11 发布

爱长发的短发小二哥

最新推荐文章于 2021-11-25 11:42:11 发布

阅读量4.8k

点赞数 1

文章标签：前端 web前端正则 javascript

<head>
<title>test</title>
<script type="text/javascript">
window.onload =function() {
document.getElementById("test").onkeyup =function() {
this.value =this.value.replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 ");;
};
};
</script>
</head>
<body>
<input type="text" id="test"/>
</body>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

爱长发的短发小二哥

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

uni-app-微信小程序实现输入卡号每四个为一组中间为空格（也可以取消空格）

Xinacridine的博客

10-28

1359

wxml  <view class="lb1"> <view class="lb2"> 礼品卡卡号 </view> <view class="lb3"> <input class="weui-input" name="number" placeholder-style='color:#ACACAC' placeholder="请输入卡号" value='{{number}}' bindinpu

javascript之文本框输入四个数字自动加空格的脚本

10-30

javascript之文本框输入四个数字自动加空格的脚本

参与评论您还未登录，请先登录后发表或查看评论

移动web处理input输入框输入银行卡号四位一空格

weixin_33881753的博客

06-30

227

由于项目上有需求要求输入银行卡号四位一空格的需求，改过好几版发现都有bug,最后优化了一版看起来效果还行，发帖留存。难点是从中间插入和删除处理光标问题。首先需要用到获取光标和设置光标的方法。 1 // 获取光标位置 2 function getCursortPosition(textDom) { 3 var cursorPos = 0; 4 if (do...

input填写银行卡号，每四位空一隔

weixin_30588907的博客

06-29

253

jquery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" id="J_BankC...

element input 输入银行卡号每四个加一个空格

weixin_60702499的博客

11-25

1264

实现效果： 1.HTML代码 <el-form-item label="对公账号:" prop="num"> <el-input v-model="ruleForm.num" maxlength="23 @keyup.native="validateNum(ruleForm.num)" placeholder="请输入对公账号"></el-input> </el-form-item> 2. js代码 // 输入银行卡...

js银行卡号格式输入框.zip

07-05

js银行卡号格式输入框是一款js银行卡号格式输入框input添加删除空格代码。

基于jquery的bankInput银行卡账号格式化

10-27

此外，bankInput插件还提供了自动格式化显示功能，它能够自动将用户输入的数字按照指定的分隔符进行分隔，通常用于银行卡号的分组显示，比如每四位数字之间插入一个空格或特定符号。这一功能对于改善用户输入体验...

jquery实现输入框增加分隔符 jquery.formatInput

ty_bt的专栏

08-19

2323

今天要弄一个输入银行卡 自动加fgew

js 银行卡4位中间一个空格

zbz0425的专栏

12-05

5541

function change(){ var card = $('#cardNo').val(); card = card.replace(/\D/g,'') var ncard=''; for(var n=0;n ncard += card.substring(n,n+4)+" "; } console.log(nca

银行BIN码大全JSON数据，附带js根据银行卡号查询银行名称方法

10-13

一直在使用的银行BIN码，很全很全，绝对好用。已整合成JSON数据，格式如下： { "bin": "621098", "bankName": "邮储银行-绿卡通-借记卡" }, { "bin": "622150", "bankName": "邮储银行-绿卡银联标准卡-借记卡" } 另附带js调用函数一份： // 根据银行卡号获取发卡行名称 getBankName = function (bankCard) { if (bankCard == null || bankCard == "") { return ""; } $.getJSON("../../Json/bankData.json", {}, function (data) { var bankBin = 0; var isFind = false; for (var key = 10; key >= 2; key--) { bankBin = bankCard.substring(0, key); $.each(data, function (i, item) { if (item.bin == bankBin) { isFind = true; return item.bankName; } }); if (isFind) { break; } } if (!isFind) { return "未知发卡银行"; } }); }

JS填写银行卡号每隔4位数字加一个空格

10-20

主要介绍了JS填写银行卡号每隔4位数字加一个空格的相关资料,需要的朋友可以参考下

如何实现输入银行卡号每隔四位自动添加一个空格的功能？

qq_36437172的博客

02-19

2942

由于银行卡号是相对比较长的，一般银行卡的都是呈现每隔四位数自动补齐一个空格，且再次输入光标不会错位。这里我们使用 element-ui 库中的 el-input 组件中的 input 事件，对输入的数据进行处理，代码实现如下： <el-input ref="cardInput" v-model="input" placeholder="请输入内容" @input="formatCardNumber"/> 我们可以看到 input 事件中的formatCardNumber 方法，就是对输.

js实现银行卡号分段

motor_tang的博客

01-23

2925

银行卡号分段欢迎使用Markdown编辑器html代码如下js代码如下(引用了jq)ps: 由于产品对于卡号校验规则不一样,所以在这里并没有对卡号的位数和纯数字做校验。只是个人想到的一种实现方法，不喜勿喷，谢谢! 欢迎使用Markdown编辑器规则: &nbsp;&nbsp;&nbsp;&nbsp;1、卡号位数(6-24位); &nbsp;&nbsp;&nbsp;&nbsp;2、

IOS中根据正则表达式来输入的文本框TextField,输入时自动格式化银行卡号（4位一空格）、手机号等

qq_15509071的博客

05-19

1790

网上的基本都是TextField输入完之后，验证输入内容符不符合正则表达式的，所以我要写一篇：输入的同时进行验证（不必全部输入完），直接过滤掉不符合的内容，而不是输入完才判断符不符合，是直接按照正则来展示的。比如银行卡号：xxxx xxxx xxxx xxxx xxxx(4位一空格) 比如手机号：xxx xxxx xxx(3-4-4空格) 实现这个功能，需要引入一个开源代码WTReT...

JS 银行卡格式输入框

纪风夜影

06-12

4582

最近工作涉及到这样一个问题，客户需要在一个输入框中输入他的银行卡号，我们知道，银行卡号的位数非常长，如果不加以区分的全部显示在用户面前，用户的体验度肯定不高，所以诸如支付宝之类的软件在用户需要输入银行卡号时都添加了一定的格式，就是在用户输入卡号时，以4个数字为一组的形式显示给用户，譬如 6214 1234 5678 1234 那么今天就在这里大致描

html设置银行账号四位隔开,js 填写银行卡号时，每4个数字用空格隔开

weixin_35881820的博客

06-22

1102

Documentvar num = 0;function inputAccount(){var str = $('#bankCard').val();var elem = document.getElementById("bankCard");console.log(elem);if(str.length > num){var c = str.replace(/\s/g, "");if(s...

input输四隔一，类似银行账号输入

aifu8508的博客

10-31

190

$("#ipt").bind('input propertychange',function(){ var value=$(this).val().replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 "); $(this).val(value) }) 转载于:h...

input 银行卡输入框，四位一空格

Ajia_666的博客

07-03

4601

项目中遇到输入银行卡的input框，并且要求是4位一空，四位一空的问题比较容易 $("#bankCard").on("input",function(){ var val=$(this).val().replace(/\s/g,"").replace(/(\d{4})/g,"$1 "); $(this).val(val); });

JS文本框每隔4个数字加一个空格,银行卡号文本框