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

LH505343

于 2023-02-16 20:50:50 发布

阅读量549

点赞数

CC 4.0 BY-SA版权

文章标签： javascript html 前端

本文链接：https://blog.youkuaiyun.com/L_H_study/article/details/129070845

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!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>