input框输入身份证时实现动态脱敏

已于 2022-05-26 17:00:43 修改
阅读量777 收藏
点赞数 2
分类专栏： vue 文章标签： javascript vue.js 前端 css
于 2022-05-26 16:19:14 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qitiandada/article/details/124984802
版权

输入时实现动态脱敏

现有一需求 在输入框内输入身份证的时候 只保留前两位和后两位 剩下的用 *代替

也就是 12345678910 就会输入时动态呈现为 12********10

思路

在input框上面 蒙上一个p标签 里面用来记录“” * “” 的个数；
动态计算出“”“ ** ”的数量

addHidden(str,num){
   
            return num==0?'': num >1 ? str
最低0.47元/天 解锁文章
qitiandada
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react input 框进行动态脱敏
weixin_52487282的博客
08-25 809
react input 框进行动态脱敏
input脱敏的数据获得
qq_41832562的博客
07-11 1455
<input id="tmmobile" oninput="hiddens2()" pattern="\d*" type="text" placeholder="请输入联系电话"><input id="mobile"  type="hidden" placeholder="请输入联系电话">&a
input输入框验证邮箱、身份证号码、手机号码、密码等正则
热门推荐
程序猿小白的博客
11-01 1万+
// 验证邮箱 <form action=""> 　　输入：<input type="text" name="idcard" id="idcard" placeholder="请输入邮箱"> 　　<input type="button" value="验证" onclick="check();"> </form> <script>...
如何优雅的对input框数据进行动态脱敏
Twinkle_sone的博客
06-15 3431
🎈所谓的数据脱敏，是指在不影响数据分析结果的准确性前提下，对原始数据中的敏感字段进行处理，从而降低数据敏感度和减少个人隐私风险的技术措施。在现在这个大数据时代，个人隐私信息在互联网上传播的几率是很大的，因此作为前端工程师，我们很多时候也需要在视图层面对数据进行脱敏展示处理。...
JS实现身份证输入框的输入效果
10-19
主要介绍了JS实现身份证输入框的输入效果，非常不错，具有参考借鉴价值,需要的朋友可以参考下
身份证input输入框限制，只能输入纯数字及限制长度
weixin_44544859的博客
02-21 3479
需求：只能输入18位纯数字，并且输入其他字符时删除其他字符 1、<input type="number"> 还是可以输入e和e-,不符合 2、<input type="text" maxlength="18" > 限制了18位,但不能指定只输入数字,type="number"和配合时maxlength长度限制失效，不符合 3、<input type="number"oninput="if(value.length>18)value=value.slice(0,18)"
输入框动态脱敏
shibaweijin的博客
10-17 455
输入框动态脱敏
js实现input框文字动态变换显示效果
10-23
本文将详细介绍如何使用JavaScript实现输入框（input框）内的文字动态变换显示效果，包括随机字符串和中文的切换展示。这种效果可以增加用户交互体验，为网页增添趣味性。 首先，要实现动态变换显示，我们需要一个...
详解elementUI中input框无法输入的问题
11-21
最近发现别人项目中在输入密码的时候发现input框无法输入进去 ...到此这篇关于详解elementUI中input框无法输入的问题的文章就介绍到这了,更多相关element input无法输入内容请搜索软件开发网以前的文章或继续浏览下面
jQuery实现动态添加和删除input框代码实例
10-17
主要介绍了jQuery实现动态添加和删除input框，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
vuejs 动态添加input框的实例讲解
10-18
今天小编就为大家分享一篇vuejs 动态添加input框的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue 项目开发，我遇到了这些问题
军火库
09-30 994
整理了75个JS高频面试题，并给出了答案和解析，基本上可以保证你能应付面试官关于JS的提问。
HTML表单和输入
余月初贰的博客
05-17 2832
HTML 表单用于收集用户的输入信息。 以下是实例 <form action=""> 用户名: <input type="text" name="name"><br> 密码: <input type="text" name="mm"> </form> 上面的实例中包含两个普通输入框 <form action=""> 用户名: <input type="text" name="user"><br> 密码
vue 表单显示脱敏 编辑和传后台不脱敏
m0_57796453的博客
08-24 1905
【代码】vue 表单显示脱敏 编辑和传后台不脱敏。
JS 用户信息脱敏显示星号
grootbaby
01-11 1034
JS 用户信息脱敏显示星号 姓名脱敏 formatName(name) { // 姓名脱敏中间字符 let newStr; if (name.length === 2) { newStr = name.substr(0, 1) + '*'; } else if (name.length > 2) { var char = ''; for (var i = 0, len = name.length - 2; i &lt
利用身份证验证性别和获取生日
最新发布
geng1025的博客
12-08 594
根据这个规则，我们可以编写一个程序来验证性别和获取生日。
js实现手机号码脱敏
山有木兮木有枝 心悦君兮君不知
05-06 2092
方法一： 要求保留前三位和最后四位，中间对用*处理。如18912341234脱敏处理之后应该变成189****1234。处理方法如下： var str="18912341234" var pat=/(\d{3})\d*(\d{4})/ var b=str.replace(pat,'$1****$2'); console.log(b) ()就是起到一个分组作用，将匹配到的放到mathches...
antd_使用Input封装实现Form校验效果(最终版)
见贤思齐焉，见不贤内自省
05-16 2674
antd_使用Input封装实现Form校验效果(最终版)
前端对敏感数据身份证号姓名等进行脱敏处理
luoxiaonuan_hi的博客
07-01 5324
前端敏感信息脱敏处理
python身份证号脱敏，输入一个18位的身份证号，输出替换之后的字符串
03-28
可以使用字符串切片和字符串拼接来实现身份证号脱敏。具体实现如下： ```python id_card = input("请输入18位身份证号：") # 判断输入的身份证号是否合法 if len(id_card) != 18 or not id_card[:-1].isdigit() or (id_card[-1] != 'X' and not id_card[-1].isdigit()): print("输入的身份证号不合法！") else: # 替换前14位为* id_card = id_card[:6] + '*' * 8 + id_card[14:] # 替换最后4位为* id_card = id_card[:-4] + '*' * 4 print("替换后的身份证号为：", id_card) ``` 示例输出： ``` 请输入18位身份证号：110101199003071234 替换后的身份证号为： 110101********12** ``` 注意，这里只是简单地替换了身份证号的部分字符，不能保证信息的完全安全。在实际应用中，需要根据具体情况采用更加安全的方法来保护个人隐私。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值