隐藏手机号中间几位用*号代替

本文介绍了一种使用jQuery来实现网页上部分隐藏手机号码的方法。通过简单的HTML和JS代码,可以将手机号中间四位替换为星号,以保护用户的隐私。

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

虽然简单 ,但是时间长了不用也就忘了  ,写在这里 希望能帮到新手 也方便自己查阅

html代码段

1

<span id="tel">1370000627</span>

  js代码段(不要忘记导入jquery文件 否则用不了的)

1

2

3

4

5

$(function() {

    var tel = $('#tel').html();

    var mtel = tel.substr(0, 3) + '****' + tel.substr(7);

    $('#tel').text(mtel);

});

### 使用 JavaScript 替换手机号中间四位为星 对于前端 Web 开发中的需求,可以通过纯 JavaScript 或者借助 jQuery 来实现将手机号码的中间四位替换为星(*)的功能。 #### 方法一:使用纯 JavaScript 实现 通过字符串处理函数来截取并拼接字符串是一个简单有效的方式: ```javascript function maskPhone(phone) { return phone.replace(/(\d{3})\d{4}(\d+)/, '$1****$2'); } console.log(maskPhone('13800138000')); // 输出: 138****0000 ``` 此代码片段利用正则表达式匹配手机号前三位和后几位数字,并保留这些部分不变,而将中间四位用四个星代替[^1]。 #### 方法二:基于 jQuery 的解决方案 虽然直接使用原生 JS 已经能够很好地解决问题,但如果项目中已经引入了 jQuery 库,则也可以采用如下方式简化某些场景下的开发工作: 假设页面上有一个输入框用于接收用户的电话码输入,当失去焦点时自动隐藏中间四位字符: ```html <input type="text" id="phoneInput"> <script> $('#phoneInput').blur(function(){ var originalValue = $(this).val(); if (originalValue.length === 11){ let maskedValue = originalValue.replace(/(\d{3})\d{4}(\d+)/,'$1****$2'); $('#phoneInput').val(maskedValue); } }); </script> ``` 这段脚本监听 `#phoneInput` 输入框上的 blur 事件(即当该元素失去焦点时触发),并对长度等于11位的有效中国大陆手机格式执行掩码操作[^2]。 #### 关于基本数据类型的操作说明 值得注意的是,在上述例子中所使用的 `.replace()` 方法实际上是作用于字符串类型的变量之上。JavaScript 中的基本类型如 String 虽然本身不具备属性或方法,但在实际编程过程中可以直接对其调用相应的方法来进行各种变换,这是因为每当访问一个原始值的一个属性时,都会创建对应的临时对象实例[^3]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值