码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-08-19 00:55:07      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:文本   attr   其他   color   周末   ext   注册用户名   方法   date   

 

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

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

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

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

标签:文本   attr   其他   color   周末   ext   注册用户名   方法   date   

原文地址:https://www.cnblogs.com/whatarey/p/9499070.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!