前台替换用户名部分转换为*显示

前台替换用户名部分转换为*显示

 

  用户 注册用户名过长，导致span 或者其他标签塌陷 换行 经常看见电话号码或者银行卡部分数字转换为**** 那么这样子既保护了用户信息，也可以解决塌陷问题，今天我们就来试试

前台获取后台数据

 

就像这样

只用几行代码，就可以转换了主要是用到jquery的substring方法截取length长度显示

     $(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);
            }

        });

Code

你也可以替换中间为****

现在我更新一下  替换中间的 内容为*

效果图

效果图

上代码

 

 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  更新

posted @ 2018-08-18 22:44 Cgrain 阅读( ...) 评论( ...) 编辑 收藏