HTML公告栏发布及敏感字过滤

Gorky_19 2017-10-16 08:15:45

1055

最后发布:2017-10-16 08:15:45首次发布:2017-10-16 08:15:45

本文链接：https://blog.csdn.net/Gorky_19/article/details/78245941

版权

下面代码是通过input输入文本，然后通过button按钮进行发布，将文本添加到公布栏框内，同时通过for循环去把敏感字转化位*号！

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script type="text/javascript" src="jquery.1.12.4.js"></script>
    <script type="text/javascript" src="angular-1.3.0.js"></script>
    <title></title>
    <script type="text/javascript">
       function filter() {
           // 获取输入框的内容inputContent
           var inputContent = $("#vas").val();

           // 多个敏感词，这里直接以数组的形式展示出来
           var arrMg = ["操", "爸", "妈","sb","傻逼"];

            // 显示的内容--showContent
           var showContent = inputContent;

           // 正则表达式
           // \d 匹配数字

           for (var i = 0; i < arrMg.length; i++) {

               // 创建一个正则表达式
               var r = new RegExp(arrMg[i], "ig");
               showContent = showContent.replace(r, "*");
           }
               $("#divs").append(showContent+"<pre/>");
        };
    </script>
    <style>
        * {
            margin: 0 auto;
        }
        div {
            margin-left: 400px;
            float: left;
            margin-top: 20px;
        }
        textarea {

        }
    </style>
</head>
<body>
    <div wrap="hard" id="divs" style=" border: 4px solid blue;width: 700px;height: 450px;margin-left: 600px;"></div><br/>
    <div style="clear: both;"></div>
    <div>输入框</div><input id="vas" type="text" style="width: 300px;height:25px; float: left;margin-top: 15px;"/>
    <br/>
    <div style="clear: both;"></div>
    <input οnclick="filter()" type="button" value="发布" style="float: left;margin-left: 550px;width: 65px;height: 30px;margin-top: 15px;"/>
</body>
</html>