前台替换用户名部分转换为*显示
用户 注册用户名过长,导致span 或者其他标签塌陷 换行 经常看见电话号码或者银行卡部分数字转换为**** 那么这样子既保护了用户信息,也可以解决塌陷问题,今天我们就来试试
前台获取后台数据
就像这样
只用几行代码,就可以转换了主要是用到jquery的substring方法截取length长度显示
![](https://i-blog.csdnimg.cn/blog_migrate/8f900a89c6347c561fdf2122f13be562.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/961ddebeb323a10fe0623af514929fc1.gif)
$(function () { var text = "这是一只小白兔"; //date数据为这是一直小白兔 //attr 是增加div的title //文本长度大于三就要替换 if (text.length>3) { var Lentext = text.substring(0, 3) + "***"; $("#text_user").html(Lentext); $("#text_user").attr("title",text); } });
你也可以替换中间为****
现在我更新一下 替换中间的 内容为*
效果图
效果图
上代码
var data = "这是我的大号啊"; //9
var len = data.length;
var sub = data.substring(len - len, len - (len - 1)) + "***" + data.substring((len-1),len);
$("#demo").html(sub).attr("title", data);
1 用户名 显示 默认为后台获取 所以来了个data
2 这个是模仿阿里云用户显示这样子的,当然 手机号 银行卡号显示 也差不多 的
138****4565
622848****0465
话说 周末好无聊,好想上班了
18/9/17 10:18:13 更新