手机号分隔成344的格式

最新推荐文章于 2023-02-05 16:33:51 发布
最新推荐文章于 2023-02-05 16:33:51 发布
阅读量2.6k 收藏 1
点赞数
分类专栏： 前端 js 文章标签： 手机号分隔显示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/RaeZhang/article/details/88887737
版权
本文介绍如何实现手机号在input框中输入时，自动格式化为"xxx-xxxx-xxxx"的样式。通过监听input的onkeyup或onchange事件，在Element UI组件中使用input事件进行内容处理。
摘要由CSDN通过智能技术生成

需求：在input框中输入手机号要求显示用空格分隔成 "xxx-xxxx-xxxx"的格式
解决方法:在 input 的上添加监听事件，如 onkeyup(原生input标签) 或 onchange(某些第三方组件)，对输入的内容进行处理再显示出来。
笔者采用的是Elemrnt UI 的 input 组件，监听事件为input

<el-input
	v-model="mobile"
	placeholder="请输入手机号"
	type
最低0.47元/天 解锁文章
RaeZhang
关注
专栏目录
实现手机号344格式输入：000 0000 0000
爱睡觉真是太好了的博客
12-12 2023
Document body { position: absolute; left: 0; right: 0; width: 100%; height: 100%; margin: 0; padding: 0
jquery手机号码自动分隔
07-12
将手机号格式化为xxx xxxx xxxx的形式
输入框手机号码自动格式化
whycxl的博客
11-11 1271
领导一直要求注册时用户输入手机号自动格式化为（xxx）xxx-xxxx的格式 之前自己想的一直是在用户失焦的时候在第一位前，第三位后，第六位后加入对应的括号，中划线，但是，这种方法太笨了，如果用户自己输入了括号呢，如果用户输完又删除了呢，如果用户...... 之后为了实现这种效果，写了三个隐形的input框，分为三段，格式固定死，在外层套一个div,给用户造成一个输入框的假象，以至于虽然实...
手机号码处理为344格式
wy_Blog的博客
07-18 7253
// 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g) function trim(str, is_global) { var result; result = str.replace(/(^\s+)|(\s+$)/g, ""); if (is_global && is_global.toLowerCase() == "g") { result = result.
用 JS空格分隔手机号码 334格式
CatLian的博客
04-02 2226
用 JS空格分隔手机号码 334格式 let mobile_phone= ‘12345678912’ let res = mobile_phone.replace(/^(.{3})(.*)(.{4})$/, ‘$1 $2 $3’) console.log(res) // 123 4567 8912
js封装一个将手机号分割为344的方法（split()、splice()、slice()、join()函数）
最新发布
背心的博客
02-05 1058
js封装一个将手机号分割为344的方法（split()、splice()、slice()、join()函数）
JavaScript实现手机号码 3-4-4格式,并控制新增和删除时光标的位置
youngjqz的博客
06-01 846
JavaScript实现手机号码 3-4-4格式 手机号实现3-4-4格式相对来说还是比较简单的，监听input事件，实时的获取手机号码，然后根据手机号码的长度做截取和拼接的操作，即可实现手机格式的处理，实现格式的处理之后，我们还需要支持在指定光标进行新增和删除 // An highlighted block <input ref="inputRef" class="life-input" v-model="value"
JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置
10-15
所谓3-4-4格式，就是指手机号码由三组数字构成，前三组每组三位，后一组四位，中间由短横线或空格分隔。在实际应用中，通常会有一个输入框要求用户输入，而JavaScript的作用就是在用户输入的过程中动态地处理输入...
Android 自定义输入手机号自动添加分隔符
01-05
比较简单的一个控件，就是加些逻辑处理而已，以前貌似是直接监听的，封装起来方便点 public class AccountTxtView extends android.support.v7.widget.AppCompatEditText { private final char CUT = '-';...
手机号344格式化处理
weixin_34407348的博客
11-24 563
尝试过多种写法，在安卓机app里内嵌H5出现光标自动前进等bug头大无法解决。最后从jd借鉴如下代码。 <input type="tel" id="J-mobile" maxlength="13" placeholder="请输入充值号码" value=""> <script> var flow = { initIndex:function(){ ...
输入手机号格式344展示形式（只允许数字）
weixin_44735916的博客
11-17 1567
我的项目中有多出需要输入手机号，我封装mixins里telphone.js，控制手机号344展示格式，代码如下： export const telphone = { data(){ return { threephone: '', userInfo:{ phone } } }, watch: { threephone (newValue,
js jq 手机号实现(344) 附带删除功能 jq 实现银行卡没四个数加一个空格 附带删除功能...
03-21 324
js 手机号实现(344) 下面有将正则验证去掉“-” 或“空格” 下一篇博客有单独的删除功能方法 <!DOCTYPE html> <head> <meta charset="UTF-8"> <title>aaa</title> </head> <bod...
v-model --双向数据绑定
qq_45802159的博客
01-03 3265
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...
微信小程序wxs实现手机号分割
厚积薄发.
10-06 574
微信小程序wxs实现手机号分割。
写一个手机号344（xxx xxxx xxxx）格式方法
udbpgym的博客
09-07 3490
/** * 电话3 4 4格式(即：xxx xxxx xxxx) * 电话长度11位数字 * @param view 输入框 * @param text 文本 */ public static void onTextChanged344(EditText view, String text) { if (view== null || text == null || text.length() == 0) return; char space = ' '; int inde.
JS空格分隔手机号码
前端精髓
04-17 4715
let phone = '88888888888' let res = phone.replace(/^(.{3})(.*)(.{4})$/, '$1 $2 $3') console.log(res) // 888 8888 8888
js 把手机号分割，加-线 111-1111-1111
小武的博客
04-13 1176
splitPhone(str) { if (str.length !== 11) return str var arr = str.split('') arr.splice(3, 0, '-'); arr.splice(8, 0, '-'); return arr.join(""); } //打印：156-0130-1019 console.log(this.splitPhone("15601301019")); ...
input输入框，正则格式化手机号（344）
热门推荐
whax
08-18 1万+
最近有个H5手机页面需要做344的格式化，以前没有注意到，写的时候发现问题很多，然后就找大神的代码，抄袭下。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值