输入时实现动态脱敏

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

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

思路

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

addHidden(str,num){return num==0?'': num >1 ? str += this.addHidden(str, --num) : '*';},

其中 str 是要替换成的字符（比如 * ） num 是要替换的数量

监听输入框的 input事件来动态改变输入*的数量；

一定要把握好 * 的尺寸要和用等宽字体（font-family:monospace）并且计算显示部分的时候要用 ch 单位

20220526_145251

input框输入身份证时实现动态脱敏相关推荐

js控制input框输入数字时，累计求和
input框输入数字时,自动开始计算累加 <div class="form-group"> <label for="inputPassword3&quo ...
如何禁止input框输入特殊字符
如何禁止input框输入特殊字符前端开发中可能会碰到input框禁止输入特殊字符的情况,下面是解决办法,输入框内只能输入字母数字和基本汉字,亲测有效. HTML部分 <div class=&q ...
vue,原生html—input框输入银行卡4位分开、手机号344分隔
vue,原生html-input框输入银行卡4位分开.手机号344分隔效果图: 1.uni-app写input框 (注意type类型不能为number,这是一个坑,我理解到-数字框只能输入数字不能显 ...
通过JS代码动态生成HTML表格(Table),Input框,Button按钮.并且通过Input框的值进行查询动态生成数据填写在指定的表格里
本人公众号上线啦!!! 公众号与博客名一样:没有腹肌的程序猿公众号文章类型:工作上所遇到的需求实现方案分享. 此外也会提供一些数据集供大家使用.(这个还在规划中,毕竟打工人时间挺紧的,哈哈哈哈) 到 ...
html输入框禁止输入汉字,input输入框输入中文时，监听的input事件怎样屏蔽拼音状态...
在input输入框输入中文时,需要即时查询出匹配输入内容的结果,一般我们会使用input事件监听用户输入事件,但是在输入汉语拼音时,也会触发input事件,前端就会不断发送请求,用户体验非常差劲. 针 ...
Android使用EditView输入框输入身份证时，自动补全身份证最后一位验证位
Android使用EditView输入框输入身份证时,自动补全身份证最后一位验证位下面直接贴出代码 //监听输入框文本长度,并自动补全身份证最后一位验证位 mEdit.addTextChangedL ...
html页面input框输入不了,input框不能输入问题
input框不能输入问题今天在写程序设计登录页面的时候遇到了一个问题:输入框不能输入! 就是我写着写着想测试一下功能,就发现输入框不能输入了.???还能出现这种问题??就很疑惑,然后就搜了搜无法输入 ...
移动端如何在前端阻止input框获得焦点时手机键盘的弹出
在文章的开始,我先把我的目的说明一下:在移动端,如何在前端实现input框获得焦点的同时不会唤起手机键盘. 在做公司项目的时候遇到这样一个问题,因为项目需要在ubuntu.window.andr ...
限制Input框输入非法值
是通过正则来限制输入框输入的值(通过正则就可以自定义规则) 1. 先提前声明了两个数据,一个是与后端交互的合法值,一个是展示的临时值 // 表单信息const calculationForm = re ...

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

输入时实现动态脱敏

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

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

思路

一定要把握好 * 的尺寸要和用等宽字体（font-family:monospace）并且计算显示部分的时候要用 ch 单位

input框输入身份证时实现动态脱敏相关推荐

最新文章

热门文章

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

输入时实现动态脱敏

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

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

思路

一定要把握好 * 的尺寸 要和用 等宽字体 （font-family:monospace）并且计算显示部分的时候 要用 ch 单位

input框输入身份证时实现动态脱敏相关推荐

最新文章

热门文章

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

一定要把握好 * 的尺寸要和用等宽字体（font-family:monospace）并且计算显示部分的时候要用 ch 单位