jquery 监控用户输入内容是否包含敏感词，敏感词*号替换

猿学

于 2024-06-13 14:32:30 发布

阅读量205

点赞数 1

文章标签： jquery 前端 javascript

资料多来源于网络，如有侵权，请联系本人予以删除

本文链接：https://blog.csdn.net/weixin_38787928/article/details/139653530

版权

<input type="text" placeholder="请输入文字">

<script src="https://code.jquery.com/jquery-3.7.1.js"></script>
<script>
    // 定义敏感词数组
    var sensitiveWords = ["敏感词1", "敏感词2", "敏感词3"];

    // 监听用户输入事件
    $('input').on('input', function() {
        var userInput = $(this).val();
        var censoredInput = userInput;
        var hasSensitiveWord = false;

        // 替换敏感词为*
        for (var i = 0; i < sensitiveWords.length; i++) {
            var regex = new RegExp(sensitiveWords[i], "ig");
            if (regex.test(userInput)) {
                var replacement = '*'.repeat(sensitiveWords[i].length);
                censoredInput = censoredInput.replace(regex, replacement);
                hasSensitiveWord = true;
            }
        }

        // 更新输入框内容并提示
        if(hasSensitiveWord){
            $(this).val(censoredInput);
            alert('输入的内容包含敏感词，已自动替换');
        }
    });
</script>

jquery 监控用户输入内容是否包含敏感词，敏感词*号替换