js手机号空格填充

最新推荐文章于 2023-03-14 11:15:59 发布
最新推荐文章于 2023-03-14 11:15:59 发布
阅读量2k 收藏 1
点赞数 1
分类专栏： JavaScript 手机号填充空格 文章标签： JavaScript

多的不说，直接上代码：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>手机号空格填充</title>
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script type="text/javascript">
    function getMoblieFormat(obj)
        {
            var value = obj.value;
            value = value.replace(/\s*/g, "");
            var result = [];
            for(var i = 0; i < value.length; i++){
                if (i==3||i==7){
                    // console.log(value.charAt(i));
                    result.push(" " + value.charAt(i));

                }else{
                    result.push(value.charAt(i));
                }
            }
            obj.value = result.join(""); 
        }
</script>
</head>
<body>
    手机号：
    <input type="text" id="tel" value="" placeholder="请输入手机号。。。" onkeyup="getMoblieFormat(this)" maxlength="13" />
</body>
</html>

【精选秒杀】热卖云产品限量抢，云服务器20元/月起，服务稳定，价格更优
https://cloud.tencent.com/redirect.php?redirect=1039&cps_key=8ee0f9c89dfe0958071ea9b77e110670&from=console

淘宝优惠券： http://tq.xinrtd.com
京东优惠券： http://jp.xinrtd.com

鱼之乐-子焉知
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android实现 EditText输入手机号空格功能
08-28
主要介绍了Android实现 EditText输入手机号空格功能,实现思路是要重写TextWatcher，每次EditText内容变化，都判断内容是否符合要求，具体实例代码大家参考下本
jQuery实现手机号正则验证输入及自动填充空格功能
10-18
主要介绍了jQuery实现手机号正则验证输入及自动填充空格功能,涉及jQuery事件响应、字符串遍历及正则判断等相关操作技巧,需要的朋友可以参考下
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
输入框输入手机号，中间插入空格格式化，且限制11位
长风破浪会有时的博客
03-14 1437
输入框输入手机号，中间插入空格格式化，且限制11位
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.
用 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
银行或者手机号四位数后面添加空格最简单的方法
hzh2031015的博客
04-26 570
在网上查询到很多方法，卓个试了一遍，发现就这个最简单 在输入的时候直接做了只输入数字的方式并且在4位数字之后直接输入空格 我们的需求是16个数字，这里加了3个空格，所以长度限制是19 如果还有更好的办法可以分享啊～ <input type="tel" oninput="this.value=this.value.replace(/\D/g, '').replace(/....(?!$)/g, '$& ');"
js验证手机号码
08-31
在JavaScript（简称js）中，验证手机号码是一个常见的需求，特别是在网页表单验证或移动应用中。手机号码的验证主要是为了确保用户输入的数据格式正确，符合中国的手机号码规范。中国的手机号码通常由11位数字组成，...
JS手机号码输入框特效特效代码
03-20
【标题】"JS手机号码输入框特效特效代码" 涉及的核心知识点是JavaScript（JS）在前端开发中的应用，特别是在处理用户输入时创建交互式和动态效果的技术。这种特效通常用于提高用户体验，使得在网页上输入手机号码的...
JS空格分隔手机号码
前端精髓
04-17 4661
let phone = '88888888888' let res = phone.replace(/^(.{3})(.*)(.{4})$/, '$1 $2 $3') console.log(res) // 888 8888 8888
vue 手机号自动填充空格
yanby921005的博客
03-27 3327
监听keyup事件，pc端和移动端都适用。以下代码在输入和删除时都没有问题。 var phoneNum = this.value.trim(); //如果是删除按键，则什么都不做 if (e.keyCode === 8) { this.value = phoneNum; return; } var len = phoneNum.length; if (...
input输入手机号增加空格
徐同保的专栏
07-13 3672
input输入手机号增加空格，点击按钮获取手机号时去掉空格。&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;input输入手机号增加空格&lt;/title&gt; &lt;meta name="viewp
JS中如何输出空格
februaryjobs's blog
03-17 1724
在写JS代码的时候，大家可以会发现这样现象: document.write("   1      2                3  "); 结果: 1 2 3 无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。 这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。 解决方法: 1. 使用输出html标签 来解
【JS】空格分隔手机号
weixin_30673611的博客
03-08 627
'88888888888'.replace(/^(.{3})(.*)(.{4})$/, '$1 $2 $3') 转载于:https://www.cnblogs.com/wuxianqiang/p/10494510.html
手机号验证输入自动填充空格
u014798510的博客
12-13 1748
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <input type="text" id="inp"> <script src="jquery-1.12.3.min.js"></script> <scri
js实现填写身份证号、手机号、准考证号等信息自动空格的效果
weixin_30778805的博客
05-19 318
　　咱们做网站的，用户体验那是相当重要的，比如12306抢票需要填写身份证，如果不空格，密密麻麻的给我一种很压抑的感觉，而且也不容易核对信息是否填写正确，所以我就写了一个利用Js实现填写身份证号、手机号、准考证号等信息自动空格的效果。 为了方便，自已定义的一个简单的get()方法和trim()方法，代码如下： //获取对应的对象--function函数. function get(id)...
前端一些工具函数
蘅潇嗜玉
05-26 844
1.邮箱 export const isEmail = (s) => { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s) } 2.手机号码 export const isMobile = (s) => { return /^1[0-9]{10}$/.te...
js去除空格，手机号码格式化处理方法
qq_42112846的博客
03-02 1523
以下是一些常用的字符串处理方法： // 去掉字符串中所有空格(包括中间空格,需要设置第2个参数为:g) function trim(str, is_global) { var result; result = str.replace(/(^\s+)|(\s+$)/g, ""); if (is_global && is_global.toLowerCase(...
字符串空格填充居中对齐
最新发布
04-24
好的，您想让我解释一下字符串空格填充居中对齐的实现方法对吗？ 首先，我们需要知道字符串的长度和需要填充的宽度。然后，我们可以计算出需要填充的空格数量。如果空格数量是奇数，我们需要将空格分配到左右两边，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值