before

本篇博客展示了如何是在前端对铭感字符及一些特殊的命令做过滤。

好处是，少发一次请求，减少服器校验压力。

源码示例

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="x-ua-compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <title>JavaScript过滤敏感词</title>

</head>

<body>

<div>敏感字符或命令过滤，试试输入"rm -rf"或者"武藤老师"</div>

<input type="text" placeholder="请输入" class="p1">

<!-- 绑定事件 -->

<button onclick="foo()">测试</button>

<!-- 报错提示框 -->

<div class="p2"></div>

</body>

<!-- 首先引入 jQuery -->

<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>

<!-- 引入弹出框插件 -->

<script src="https://cdn.bootcss.com/sweetalert/2.0.6/sweetalert.min.js"></script>

<script>

    function testRe(doc) {

        // 需要维护的敏感词数组

        var tokens = ["rm -rf", "武藤老师"];

        var l = new Array();

        $.each(tokens, function (k, v) {

            l.push(new RegExp(v, "g"))

        });

        var result = '';  // 用于接收每次循环匹配的结果

        var result1 = '';  // 收集多个匹配结果，用于后续的展示等

        var new_doc = doc;  // 用于返回匹配后的新的字符串

        for (var i = 0; i < l.length; i++) {

            while ((result = l[i].exec(doc)) != null) {

                result1 += result + ' . ';  // 我这里是拼接为字符串，也可以替换为数组

                // 将匹配到结果替换到传过来的字符串

                var reg = new RegExp(result, 'g');

                new_doc = new_doc.replace(reg, '<b style="color:red;font-size:22px;">' + result + '</b>');

            }

        }

        // 根据需要返回内容

        return [new_doc, result1];

    }

    // 调用示例

    function foo() {

        // 找到输入框 获取要匹配的字符串

        var value = $(".p1").val();

        // 开始进行过滤

        var result = testRe(value);

        if (result[1].length > 0) {

            // 匹配到了敏感字符或者命令

            swal({

                title: "警告, 存在敏感命令或字符！",

                text: result[1],

                showConfirmButton: false

            });

            // 将敏感字符替换到原来的 div 中

            $(".p2").html(result[0])

        } else {

            // 正常的业务逻辑 可以自定制

            swal({

                title: "hi！",

                text: "不存在敏感命令或字符",

                // timer: 2000,

                showConfirmButton: true

            })

        }

    }

</script>

</html>

JavaScript - 过滤敏感字符的更多相关文章

  1. 采用Global.asax的Application_BeginRequest事件过滤敏感字符

    1.特殊字符过滤公共类ProcessRequest.cs using System.Web.UI; using System.Web.UI.WebControls; using System.Web. ...

  2. java web过滤器实际应用（解决中文乱码 html标签转义功能 敏感字符过滤功能）

    转载地址:http://www.cnblogs.com/xdp-gacl/p/3952405.html 在filter中可以得到代表用户请求和响应的request.response对象,因此在编程中可 ...

  3. js实现过滤重复字符和重复数组-javascript技巧

    js实现过滤重复字符 <script type="text/javascript"> <!-- String.prototype.noRepeatStr=func ...

  4. [转]Filter实现处理中文乱码,转义html标签,过滤敏感词

    原文地址:http://www.cnblogs.com/xdp-gacl/p/3952405.html 在filter中可以得到代表用户请求和响应的request.response对象,因此在编程中可 ...

  5. 利用微软AntiXss Library过滤输出字符，防止XSS攻击

    假如项目在前期没有过滤客户提交的字符,那么可以在输出的时候,对输出的字符进行过滤,防止出现XSS跨域攻击. 原理简单:利用ASP.NET API的管道原理,在MessageHandlers中添加一个自 ...

  6. Java过滤敏感词语/词汇---DFA算法

    最近网站需要在评论.投稿等地方过滤敏感词汇,于是在网上查找了相关教程,特此整理分享. 关于DFA算法,详细的可以去http://blog.csdn.net/u013378306/article/det ...

  7. PHP 扩展 trie-tree, swoole过滤敏感词方案

    在一些app,web中评论以及一些文章会看到一些*等,除了特定的不显示外,我们会把用户输入的一些敏感字符做处理,具体显示为*还是其他字符按照业务区实现. 下面简单介绍下业务处理. 原文地址:小时刻个人 ...

  8. java过滤敏感词汇

    前言 现在几乎所有的网站再发布带有文字信息的内容时都会要求过滤掉发动的.不健康的.影响社会安定的等敏感词汇,这里为大家提供了可以是现在这种功能的解决方案 第一种方式 创建敏感词汇文件:首先需要准备一个 ...

  9. (转)两种高效过滤敏感词算法--DFA算法和AC自动机算法

    原文:https://blog.csdn.net/u013421629/article/details/83178970 一道bat面试题:快速替换10亿条标题中的5万个敏感词,有哪些解决思路? 有十 ...

随机推荐

  1. Java中String、StringBuffer、StringBuilder

    String 对象 String 创建机制 String 是 Java 语言中非常基础和重要的类,提供了构造和管理字符串的各种基本逻辑,由源码可知,它是典型的 Immutable (不可变)类,被fi ...

  2. CF280C

    CF280C ZR补题计划 题意: 一棵有根树,每次选择一个未删除的节点,然后删除它和它的子树内的点,问期望删多少次可以把整个树删完 解析: 显然,通过题面,我们可以知道对于一个点对 $ (u,v) ...

  3. springboot+shiro 跨域解决（OPTIONS）

    拦截器判断 拦截器截取到请求先进行判断,如果是OPTIONS请求的话,则放行 import com.alibaba.fastjson.JSON; import com.zp.demo.util.Jwt ...

  4. centos7下面改变亮度

    通过改自己的配置文件来改变亮度的方法在我的机器上面是不中用了,我的是台式机,我用的集成显卡,目前我找到的还勉强的方法就是通过安装redshift来改变屏幕的亮度,我就是不喜欢太亮,差点瞎了. 具体是这 ...

  5. OUC_Summer Training_ DIV2_#2之解题策略 715

    这是第一天的CF,是的,我拖到了现在.恩忽视掉这个细节,其实这一篇只有一道题,因为这次一共做了3道题,只对了一道就是这一道,还有一道理解了的就是第一篇博客丑数那道,还有一道因为英语实在太拙计理解错了题 ...

  6. ubuntu进行apt-get时候出现Package ssh is not available, but is referred to by another package 错误

    今天在ubuntu进行ssh安装的时候,出现如下错误. Reading package lists... Done Building dependency tree... Done Package s ...

  7. Chrome console不输出内容

    设置成info就好了

  8. easyUI之Accordion（分类）

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <hea ...

  9. 操作 SQL语句之数据操作语言（DML）详解

    一.插入数据(INSERT) MariaDB [(none)]> help insertName: 'INSERT'Description:Syntax:INSERT [LOW_PRIORITY ...

  10. HTML <a> 标签的 href 属性_定位资源

    * 定位资源 ** 如果想要定位资源:定义一个位置 <a name="top">顶部</a> ** 回到这个位置 <a href="#top ...