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

来源:互联网 发布:网络侮辱罪立案标准 编辑:程序博客网 时间:2024/06/07 11:42

下面代码是通过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 onclick="filter()" type="button" value="发布" style="float: left;margin-left: 550px;width: 65px;height: 30px;margin-top: 15px;"/></body></html>


原创粉丝点击