银行或者手机号四位数后面添加空格最简单的方法

已于 2022-04-26 14:07:19 修改
阅读量570 收藏
点赞数
分类专栏： html vue js 文章标签： javascript 前端
于 2022-04-26 13:40:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hzh2031015/article/details/124425917
版权
vue 同时被 3 个专栏收录
18 篇文章 0 订阅
订阅专栏
js
16 篇文章 0 订阅
订阅专栏
html
2 篇文章 0 订阅
订阅专栏

关于四位后添加空格

已经查询到很多方法，卓个试了一遍，发现就这个最靠谱
在输入的时候直接做了只输入数字的方式并且在4位数字之后直接输入空格
我们的需求是16个数字，这里加了3个空格，所以长度限制是19

  <input
        type="tel"
        oninput="this.value=this.value.replace(/\D/g, '').replace(/....(?!$)/g, '$& ');"
        maxlength="19"
 />

我也有看到使用 jq，js ，看你们心情，想高级的就离开吧，我这就只有效果

如果还有更好的办法可以分享啊～

阿笙@叶
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
input输入手机号每四位数增加个空格
zhangjing1019的博客
10-31 4274
用户输入手机号的时候，每四位数增加一个空格 html代码 js代码 function testNum(){ var testValue = $('#test').val().replace(/\D/g, '').replace(/....(?!$)/g, '$& '); //替换空格前4位数字为4位数字加空格 $('#test').val(tes
手机号码、银行卡输入添加空格
哆啦A梦的博客
12-27 1958
一、前言对于移动端开发来讲，这种需求是很常见的，需要对手机号、银行卡号添加空格或者横线便于用户阅读，总体来说还是很简单的一个需求，实现起来说简单也简单，但是没选择正确的方法也是稍微有点麻烦的。为什么这么说呢，前几天浏览博客看到一篇文章实现了输入手机号添加空格，不过只考虑了末尾输入这一种情况，网上搜索了一下，大多数也是没有考虑所有的情况，中间插入、删除，复制等，所以如果用最常规的对输入的字符串输入后进
VUE Element-ui输入手机号加横线（三四四）或增加空格
qq_29091239的博客
01-16 4794
一、问题描述：     项目中需要用到手机号每添加后增加空格或增加横线。三四四的逻辑。那么，在vue，element-ui 组件中，如何实现呢。 二、效果图： 三、实现代码： &lt;template slot="mobile"&gt; &lt;el-input v-model="obj.mobile" placeholder="请输入手机号" @blur="checkRe...
js手机号空格填充
Jenny的博客
07-10 2068
多的不说，直接上代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>手机号空格填充</title> <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/...
js：手机号“3+4+4”空格，格式化方法
huangfuyk.的博客
10-20 866
写方法 formatPhone(val) { if (val) { let matches = /^(\d{3})(\d{4})(\d{4})$/.exec(val) if (matches) { val = matches[1] + ' ' + matches[2] + ' ' + matches[3] } } return val } 使用方法（示例代码如下） res.data.managerMobile = this.formatPhone(r.
正则表达式实现手机号中间4位数隐藏或者只显示末尾四位数
10-17
主要介绍了正则表达式实现手机号中间4位数隐藏或者只显示末尾四位数的相关知识,需要的朋友可以参考下
0-9任意四位数手机密码排列组合全部数据列表
最新发布
09-15
0-9任意四位数手机密码排列组合全部数据列表
如何利用JS将手机号中间四位变成*号
10-14
主要介绍了如何利用JS将手机号中间四位变成*号,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
输入银行卡卡号时,每4位添加空格
11-27
总之，实现“每4位添加空格”的银行卡号输入效果，关键在于使用EditText的TextWatcher监听器，并在适当的时候插入或删除空格。这不仅可以提升用户体验，也能帮助用户更准确地输入和验证银行卡号。在实际开发中，应...
JS输入手机号码加空格
酷玩代码
09-02 7703
JS输入手机号码加空格输入手机号自动加空格如:130 0000 0000 function Mobile1(Xtext) { var str=Xtext.value; if(str.length=11) { if(str.length==3||str.length==8) Xtext
java正则卡号4位一空格_js手机号4位显示空格，银行卡每4位显示空格效果
weixin_39719749的博客
02-25 275
开发有时候会遇到输入手机号和银行卡号，按照每4位显示一个空格的需求，方便用户阅读，如果是纯展示，就很容易实现，如果是一边输入一边展示则有点难度有人用两个input实现，一个负责输入数据，但是透明看不见，另外一个展示在界面上，变相的解决了这个需求(手机上可调用数字键盘)本次取巧写个demo，只用一个input用定时器不断的查询输入的字符来判断输入的数据(无法直接调用数字键盘，因为里边有空格)如果是银...
四位数字插空格
w3071206219的博客
09-15 334
#include #include void insert(char str1[]); int main() { char str1[100]; gets(str1); insert(str1); puts(str1); return 0; } void insert(char str[]) { int i; for(i=strlen(str);i>=0;i--) { s
身份证加空格、手机号分为3位，4位，4位一组加空格、车架号自动加空格的方法
sinat_33419451的博客
02-04 4282
如何自动加空格，并删除空格的方法？？根据下面的提示，希望能帮助您！come on！       var pre=0,//上一次输入字符个数         next=0,//下一次输入字符个数         inputing;//此次操作是输入还是删除  //控制vin长度      function test(){ // var pre=document.getElementByI
微信小程序实现添加银行卡,银行卡号每隔四位插入空格并展示时仅显示前后四位,或者仅显示后四位(超详细)
青衫折扇的博客
07-01 3298
首先我们先来看看银行卡号在输入的时候每隔四位自动插入空格的效果 实现代码 wxml <!-- 银行卡 S --> <view class="bank-card"> <view class="bank-card-title">银行卡</view> <view class="bank-card-inout"> <view class="card-number"> <view>卡号&l...
手机号添加空格形成（3-4-4）格式
QiY6010的博客
05-04 1255
一、手机号转换成3-4-4格式public String getMobileFormat(String theMobileStr){     return theMobileStr.substring(0,3) + "" + theMobileStr.substring(3,7) + "" + theMobileStr.substring(7);}二、手机号输入时自动添加空格形成3-4-4格式fi...
银行卡四位一空格，输入格式校验，解决删除光标自动后置问题
U R My Sunshine
09-14 1659
需求：输入银行卡的时候，四位一空格显示。 后自测的时候，到中间段回删或者插入的时候，删一个会自动重新校正光标后置，体验很差，昨天试了半天，今天早上来修好。 上代码。 &lt;input class="cardInput" v-model="cardNumShow" @keyup="showNum" @blur="chargeNum" ref="cardInput"&gt;
输入框输入手机号，中间插入空格格式化，且限制11位
长风破浪会有时的博客
03-14 1437
输入框输入手机号，中间插入空格格式化，且限制11位
ts 特殊符号用法
热门推荐
NewWent的博客
11-18 2万+
1. 属性或参数中使用 ？：表示该属性或参数为可选项 2. 属性或参数中使用 ！：表示强制解析（告诉typescript编译器，这里一定有值），常用于vue-decorator中的@Prop 3. 变量后使用 ！：表示类型推断排除null、undefined   欢迎关注、点赞...
用 JS空格分隔手机号码 334格式
CatLian的博客
04-02 2181
用 JS空格分隔手机号码 334格式 let mobile_phone= ‘12345678912’ let res = mobile_phone.replace(/^(.{3})(.*)(.{4})$/, ‘$1 $2 $3’) console.log(res) // 123 4567 8912
js获取手机号后四位数
04-18
您好，可以使用JavaScript中的字符串截取方法获取手机号后四位数。具体实现方式如下： 假设手机号码为 "13800138000"，获取手机号码后四位可以使用以下代码： var phone = "13800138000"; var last4Digits = phone...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值