jQuery实现敏感词过滤

最新推荐文章于 2023-06-28 11:53:47 发布

银河小铁皮

最新推荐文章于 2023-06-28 11:53:47 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：原生JS

本文链接：https://blog.csdn.net/g_geng/article/details/103864445

原生JS 专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用正则表达式实现的敏感词过滤方法。通过HTML页面上的输入框与按钮，用户输入的内容将被检查是否包含预设的敏感词汇，如“文明”、“傻瓜”、“滚”。一旦检测到敏感词，它们会被星号(*)替换，从而实现内容净化。

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

使用正则表达式，点击按钮验证，如果输入框中有敏感词，将会将它中的敏感词变成 * ，借此实现敏感词过滤

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="ipt">
<button id="btn">验证</button>
<p id="ip"></p>
<script>
    var ipt = document.getElementById('ipt');
    var btn = document.getElementById('btn');
    var ip = document.getElementById('ip');
    btn.onclick = function() {
        var value = ipt.value;
        var arr = ['文明', '傻瓜', '滚'];   //敏感词数组
        //遍历
        for (var i = 0; i < arr.length; i++) {
            var reg = new RegExp(arr[i], 'g');
            value = value.replace(reg, function(a){
                var str = '';
                for(var j = 0; j < a.length; j++){
                    str += '*';
                }
                return str;
            });
            ip.innerHTML = value;   // 将ipt的内容赋值给ip
        }
    }
</script>
</body>
</html>

也有更为方便的方法，

  var ipt = document.querySelector('input');
    var btn = document.querySelector('button');
    var p = document.querySelector('p');

    btn.onclick = function () {
        var value = ipt.value;
        p.innerHTML = value.replace(/文明|傻瓜|滚/g, function (s) {
            console.log(s);
            return s.replace(/./g, "*");
        });
    }