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. 【模板】强连通分量和tarjan算法

    看了好久才终于明白了这个算法..复杂度是O(n+m). 我觉得这个算法不是很好理解,但是看懂了以后还是觉得听巧妙的. 下面给出模板代码和三组简单数据帮助理解. 代码如下: #include <s ...

  2. nginx关于uri的变量

    在nginx中有几个关于uri的变量,包括$uri $request_uri $document_uri,下面看一下他们的区别 : $request_uri: /stat.php?id=1585378 ...

  3. 2 ArrayList 详解

    List 是有序.可重复的容器.List中每个元素都有索引标记,可以根据元素的索引标记访问元素,从而精确控制这些元素. List 接口常用的实现类:ArrayList.LinkedList.Vecto ...

  4. LeetCode 124. 二叉树中的最大路径和（Binary Tree Maximum Path Sum）

    题目描述 给定一个非空二叉树,返回其最大路径和. 本题中,路径被定义为一条从树中任意节点出发,达到任意节点的序列.该路径至少包含一个节点,且不一定经过根节点. 示例 1: 输入: [1,2,3] 1 ...

  5. Arcengine获得arcgis安装的版本

    ESRI.ArcGIS.RuntimeManager.ActiveRuntime.Version  //gsioracle MessageBox.Show(ESRI.ArcGIS.RuntimeMan ...

  6. shell远程操作另外一台机器上数据

    shell远程操作另外一台机器上的数据,有两种方式: 1 .配置免密登陆,2.使用sshpass 当前存在两台虚拟机,ip地址分别为:192.168.3.32 192.168.3.33 一.免密登陆操 ...

  7. centos7 下安装和配置 mongodb （重点）

    1.下载安装包 wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-4.0.4.tgz 2.解压 tar -zxvf m ...

  8. k8s-helm01-----helm基本使用

    什么是helm Helm 是 Kubernetes 生态系统中的一个软件包管理工具. 基础概念: Helm:客户端,主要负责管理本地的 Charts.repositories 以及与tiller服务器 ...

  9. 排错：Unable to create a new session key. It is likely that the cache is unavailable.

    排错:Unable to create a new session key. It is likely that the cache is unavailable. 问题 登录openstack页面, ...

  10. nginx.conf 配置 （反向代理，负载均衡，fastdfs model)

    #user nobody;worker_processes 1; #error_log logs/error.log;#error_log logs/error.log notice;#error_l ...