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

Posted 2020-12-30 whatarey

 

  用户 注册用户名过长，导致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

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

话说 周末好无聊，好想上班了