HTML
<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>表单留言信息过滤</title>

<style type="text/css">

    body,html{

        height: 100%;

    }

    body{

        display: flex;

        justify-content: center;

        align-items: center;

        overflow-y:hidden;

    }

    form{

        text-align: center;

        background: #00FFFF;

    }

    #receive{

        width: 400px;

        height: 200px;

        background: aquamarine;

        color: black;

        font-size: 16px;

        margin:30px auto;

        text-align: left;

    }

</style>

</head>

<body>

    <form action="javascript:;">

        <p>留言面板</p>

        <textarea name="message" id="message" cols="30" rows="10"></textarea><br />

        <button id="publish">发表</button><br/>

        <div id="receive">

        </div>

    </form>

    <script src="js/表单留言过滤.js"></script>

</body>

</html>

　　

 
js：
var oPublish = document.getElementById('publish');

var oMessage = document.getElementById('message');

var oReceive = document.getElementById('receive');

var sensitiveWords = ['赵成亮','吴旭东','薛江强','老王','孙毅','丁函','尚启'];

oPublish.onclick = function(){

    var sMessage = oMessage.value;

    if(sMessage == ''){

        alert('请输入留言！');

        return false;

    }

//    sensitiveWords.forEach.(function(v){

//        sMessage = sMessage.replace(v , '***');

//    });

    sensitiveWords.forEach(function (v) {

        while(sMessage.indexOf(v) !== -1){

            sMessage = sMessage.replace(v, '***');

        }

    });

    var oLi = document.createElement('li');

    oLi.innerHTML =sMessage;

    oReceive.appendChild(oLi);

    oMessage.value = '';

}

　　

 

js之敏感词过滤的更多相关文章

  1. 敏感词过滤，js封装class选择器：

    敏感词过滤: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT ...

  2. Jsp敏感词过滤

    Jsp敏感词过滤 大部分论坛.网站等,为了方便管理,都进行了关于敏感词的设定. 在多数网站,敏感词一般是指带有敏感政治倾向(或反执政党倾向).暴力倾向.不健康色彩的词或不文明语,也有一些网站根据自身实 ...

  3. 基于DFA算法、RegExp对象和vee-validate实现前端敏感词过滤

    面临敏感词过滤的问题,最简单的方案就是对要检测的文本,遍历所有敏感词,逐个检测输入的文本是否包含指定的敏感词. 很明显上面这种实现方法的检测时间会随着敏感词库数量的增加而线性增加.系统会因此面临性能和 ...

  4. java实现敏感词过滤（DFA算法）

    小Alan在最近的开发中遇到了敏感词过滤,便去网上查阅了很多敏感词过滤的资料,在这里也和大家分享一下自己的理解. 敏感词过滤应该是不用给大家过多的解释吧?讲白了就是你在项目中输入某些字(比如输入xxo ...

  5. 用php实现一个敏感词过滤功能

    周末空余时间撸了一个敏感词过滤功能,下边记录下实现过程. 敏感词,一方面是你懂的,另一方面是我们自己可能也要过滤一些人身攻击或者广告信息等,具体词库可以google下,有很多. 过滤敏感词,使用简单的 ...

  6. 浅析敏感词过滤算法(C++)

    为了提高查找效率,这里将敏感词用树形结构存储,每个节点有一个map成员,其映射关系为一个string对应一个TreeNode. STL::map是按照operator<比较判断元素是否相同,以及 ...

  7. Java实现敏感词过滤

    敏感词.文字过滤是一个网站必不可少的功能,如何设计一个好的.高效的过滤算法是非常有必要的.前段时间我一个朋友(马上毕业,接触编程不久)要我帮他看一个文字过滤的东西,它说检索效率非常慢.我把它程序拿过来 ...

  8. php敏感词过滤

    在项目开发中发现有个同事在做敏感词过滤的时候用循环在判断,其实是不用这样做的,用php的数组函数和字符串函数即可实现 function filterNGWords($string) { $badwor ...

  9. 转：鏖战双十一-阿里直播平台面临的技术挑战(webSocket, 敏感词过滤等很不错)

    转自:http://www.infoq.com/cn/articles/alibaba-broadcast-platform-technology-challenges 鏖战双十一-阿里直播平台面临的 ...

随机推荐

  1. AVL模板

    感谢此博客 #include <bits/stdc++.h> #define pb push_back #define mp make_pair #define de(x) cout &l ...

  2. Graph_Master(连通分量_E_Hungry+Tarjan)

    hdu_4685 终于来写了这题的解题报告,没有在昨天A出来有点遗憾,不得不说数组开大开小真的是阻碍人类进步的一大天坑. 题目大意:给出n个王子,m个公主,只要王子喜欢,公主就得嫁(这个王子当得好霸道 ...

  3. Animal_human_kp人脸与马脸迁移学习GitHub 论文实现

    Interspecies Knowledge Transfer for Facial Keypoint Detection关键点检测   Github地址:Interspecies Knowledge ...

  4. imagemagick在windows下安装（转，有改动）

    原文地址:http://blog.csdn.net/royal_coffee/article/details/1602933 注意:本補述僅提供 Windows 下安裝建議. 1. 到 http:// ...

  5. CALL_AND_RETRY_LAST Allocation failed node打包报错

    全局安装increase-memory-limit: npm install -g increase-memory-limit 进入工程目录,执行: increase-memory-limit

  6. 转载：Chrome 控制台不完全指南

    Chrome的开发者工具已经强大到没朋友的地步了,特别是其功能丰富界面友好的console,使用得当可以有如下功效: 更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「 ...

  7. fstat

    相关函数:stat, lstat, chmod, chown, readlink, utime 头文件:#include <sys/stat.h> #include <unistd. ...

  8. 英语每日阅读---7、VOA慢速英语(翻译+字幕+讲解):卡梅伦呼吁女性移民学英语

    英语每日阅读---7.VOA慢速英语(翻译+字幕+讲解):卡梅伦呼吁女性移民学英语 一.总结 一句话总结: a.learn English or be deported:British Prime M ...

  9. CentOS开端口问题

    关闭SELINUX ##查看SELINUX状态 /usr/sbin/sestatus -v getenforce #修改config配置文件,重启后即可 vi /etc/selinux/config ...

  10. 搞懂分布式技术28：微服务（Microservice）那点事

    搞懂分布式技术28:微服务(Microservice)那点事 微服务(Microservice)那点事 肥侠 2016-01-13 09:46:53 浏览58371 评论15 分布式系统与计算 微服务 ...