html中如何使填充内容的手机号码只显示前后三位?

字段为手机号码,填充的内容是获取到的用户手机号码,如何设置在网页中只显示前后三位,而中间则用*代替?

    html中如何使手机号码只显示前后各三位是不行的,可以用js来做;

    用循环把前三位和后三位取出来,中间的用*代替;

    新建一个html文件,复制粘贴下面的代码,然后保存藏试一下看是不是你想要的结果;

    参考代码,有问题再追问:

    测试结果如图:

    <html>
    <body>
    <p id="tel">15812345678</p>
    </body>
    </html>
    <script type="text/javascript">
        var tel = document.getElementById('tel'),
        telVal = tel.innerText;
        var newTelVal = '';
        if(telVal.length > 0){
            for(var i = 0; i < telVal.length; i++){
                if(i < 3 || i >= telVal.length-3){
                    newTelVal += telVal[i];
                }else{
                    newTelVal += '*';
                }
            }
        }
        tel.innerText = newTelVal;
    </script>

温馨提示:答案为网友推荐,仅供参考
相似回答