身份证号码中间显示*星号

身份证号码隐藏

1、html结构

 <div id="root"><div class="form-item">身份证号码脱敏（显示前4位和后6位）</div><input class="form-item" type="text" v-model="showValue" placeholder="请输入身份证号码" @input="desenInputText"><div class="form-item">输入数据</div><div class="form-item">{{value}}</div></div>

2、js部分

new Vue({el: '#root',data: {showValue: '',value: ''},methods: {desenText(str){let res = strconst len = str.lengthlet pre4 = ''let last6 = ''pre4 = str.slice(0,4)last6 = str.slice(Math.max(len - 6,4))const star = Math.max(0,len-10)res = pre4 + '*'.repeat(star) + last6return res},desenInputText(e){// 真实值与展示值同步动态转换const ind = e.target.selectionStart - 1;let value = this.valueconst showValue = this.showValueconst isAdd = showValue.length > value.lengthconst num = Math.abs(value.length - showValue.length)if(isAdd){value = value.slice(0, ind-num+1) + showValue.slice(ind - num+1,ind+1) + value.slice(ind-num+1);}else{value = value.slice(0, ind+1) + value.slice(ind+num+1)}this.value = valuethis.showValue = this.desenText(value)// this.$nextTick(()=>{//    const elem = e.target//    if(elem.setSelectRange){//      elem.setSelectionRange(ind+1,ind+1)//     }else{//        const range = elem.createTextRange()//         range.moveStart('character',ind+1)//         range.moveEnd('character', ind+1)//      range.select();//   }// })}}})

身份证号码中间显示*星号相关推荐

excel 科学计数法转换成文本完整显示_表格技巧—Excel里身份证号码显示不全的多种解决办法...
运用Excel表格可以快速统计和汇总数据,那么当在表格当中输入身份证号码时,表格通常显示不完全,这是为什么呢,今天小编就来给大家详细介绍当身份证号码显示不全时的多种解决办法,一起来学习一下吧. 首先, ...
excel表格数字显示不全_表格技巧—Excel里身份证号码显示不全的多种解决办法...
运用Excel表格可以快速统计和汇总数据,那么当在表格当中输入身份证号码时,表格通常显示不完全,这是为什么呢,今天小编就来给大家详细介绍当身份证号码显示不全时的多种解决办法,一起来学习一下吧. 首先, ...
java对银行卡号、手机号码、身份证号码进行脱敏
文章目录 PatternUtil PrivacyUtil PatternUtil package com.yt.eos.common.utils;/*** 正则表达式匹配* @author tyg* ...
ng 姓名,手机,身份证号码脱敏处理
ng 处理姓名,手机,身份证号码脱敏. 加星号* //html: {{w.name | toHideName}}//ng: angular.module('mainApp').register.fi ...
excel表格数字显示不全_从word中把身份证号码复制到excel表格中完整显示身份证号码后4位...
如果直接从word中复制内容,在excel表格中进行粘贴处理,gif动画演示如下: 在word中,身份证号显示是完整的,而直接复制到excel表格会显示成E*17,这是科学计数法.双击单元格显示出 ...
前端对用户身份证号码进行验证以及模糊显示
一. 需求后台管理系统项目,展示用户传入身份证号码.现需要验证用户输入的身份证号码的真实性,以及对身份证号码进行模糊显示. 二. 代码验证 2.1 验证身份证号码的真实性参考的这篇文章:https ...
speedoffice表格中身份证号码显示不全怎么解决？
当在表格当中输入身份证号码时,表格通常显不完全,这是为什么呢,今天小编就来给大家详细介绍当身份证号码显示不全时的解决办法. 1.选中需要输入身份证号的单元格,输入法切换成英文状态,然后输入单引号,再输 ...
Vue按钮控制身份证号码显示隐藏中间部分
在实际开发中经常会遇到点击小眼睛图标控制身份证号码显示隐藏的情况.比如: 这是我在实际开发中遇到的问题,或许方法有点笨,但是可以实现,有大神请指教. 1.首先在data中保存数据,并且定义一个布尔值变 ...
sqlite 导出CSV,身份证号码显示科学计数法
网上搜索大量资料后,均不是sqlite 数据库解决办法. 如下解决办法: 1.sqlite 不支持concat ,故使用select " ' " || 列名 from ***, ...
Java实现为手机号码或身份证号码打星号
第一种方法(正则表达式与replaceAll的使用) 需要的知识点: 1.如何使用Scanner (相关知识点在:https://blog.csdn.net/xueyijin/article/deta ...

身份证号码中间显示*星号

身份证号码隐藏

身份证号码中间显示*星号相关推荐

最新文章

热门文章