正则验证：查找并替换内容（发表评论中的敏感词替换）

最新推荐文章于 2025-12-02 21:41:05 发布

原创最新推荐文章于 2025-12-02 21:41:05 发布 · 590 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html #前端

该代码示例展示了一个HTML页面，包含一个文本区域和一个按钮。用户在文本区域输入后，点击按钮会触发JavaScript函数，该函数查找并替换敏感词（如“我草”，“卧槽”，“我擦”）为星号标记，然后将处理后的文本显示在段落中，并清空文本区域的内容。

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
       <style>
           textarea{
               width: 300px;
               height: 100px;
               font-size: 18px;
           }
           span{
               color: red;
           }
       </style>
   </head>
   <body>
       <textarea id="cont1"></textarea>
       <br>
       <button id="btn">发表评论</button>
       <p id="cont2"></p>


       <script>
           btn.onclick=function(){
               // 获取输入的值
               var str=cont1.value
               // console.log(str);
               // 查找替换参数1：查找的字符参数2：替换的字符
               // g全局查找全部 i忽略大小写
               var str2=str.replace(/我草|卧槽|我擦/ig,'<span>**</span> ')
               // console.log(str2);
               cont2.innerHTML=str2
               // 清空文本域
               cont1.value=''
           }
       </script>
   </body>
</html>