一、逐个替换用replace

缺点：筛选的脏话集太少

 var oSize = $(this).siblings('.flex-text-wrap').find('.comment-input').val();

             console.log(oSize);

                 //筛选网络暴力语言begin

                 var b= oSize.replace(/滚/g,'*');

                 var c= b.replace(/sb/g,'*');

                 var d= c.replace(/tmd/g,'*');

                 /*

                 思路1：脏话存在代码一个数组中，在得到输入的评论后，循环对比

                         缺点：脏话集多，全插代码中感觉有些不妥

                         目前结果：失败

                         失败原因：实际网页效果无法进行循环代替

                 思路2：脏话存在本地的一个txt文本中，等到用的时候再调用

                 思路3：脏话存在本地TXT文本，用Python本地分析后上传网页

                 */

                 //筛选网络暴力语言end

             oSize = d;

二、正则过滤

这个是目前可以脏话筛选替换的唯一一个

bug：

1、输入脏话后仍然出现在评论区

2、正常没问题的语句不能显示出来

 var oSize = $(this).siblings('.flex-text-wrap').find('.comment-input').val();//获取输入内容

 console.log(oSize);//传说是按下F12后，可以看见log里写的，但是我刚才尝试并没有什么用

 //筛选网络暴力语言begin

 var reg=/(a)|(b)/g;//这个就是正则式了，将想过滤的词汇放在这里

 var str=oSize.match(reg).join("\",\"");//match可以将符合的词汇挑出来组成一个数组

 alert("请不要使用\""+str+"\"等不文明词汇！");

原代码出处

三、未知

bug：

1、我没看懂（捂脸）

2、用这个屏蔽没有用，且评论的话，不能显示

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns=" http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>无标题文档</title>

</head><body>

<input type="text" id="Name" /><input type="button" value="Test" onclick="ck()" />

</body>

</html>

<script type="text/javascript">

function ck(){

var obj=document.getElementById("Name") ;

var kw="啊,我,你,他"; //要屏蔽的关键词,多个请用英文输入法状态下的逗号

var tempKw=kw.split(",")

if(tempKw.length>=1){

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

if(obj.value.indexOf(tempKw[i])>=0) {

alert("请不要使用敏感文字!");

break; //退出循环

}

}

}

}

</script>

源代码

四、未知

bug：

同上代码的bug

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 replace 全局替换 以表单的方式提交参数 判断是否为ie浏览器 将jquery.qqFace.js表情转换成微信的字符码 手机端省市区联动 新字体引用本地运行可以获得，放到服务器上报404 C#提取html中的汉字 MVC几种找不到资源的解决方式 使用Windows服务定时去执行一个方法的三种方式

    js replace 全局替换   js 的replace 默认替换只替换第一个匹配的字符,如果字符串有超过两个以上的对应字符就无法进行替换,这时候就要进行一点操作,进行全部替换. <scrip ...

  2. js正则表达式中的问号几种用法小结

    这篇文章主要介绍了js正则表达式中的问号几种用法,比如+?,*?,{2,3}?可以停止匹配的贪婪模式,感兴趣的朋友可以参考下 在表示重复的字符后面加问号,比如+?,*?,{2,3}?可以停止匹配的贪婪 ...

  3. js刷新页面有哪几种方法

    js刷新页面有哪几种方法 一.总结 一句话总结:location属性的reload方法即可:document.location.reload() 1.页面刷新有哪常见的8种方法? 1,history. ...

  4. handlebars.js 用 <br>替换掉 内容的换行符

    handlebars.js 用 <br>替换掉 内容的换行符 JS: Handlebars.registerHelper('breaklines', function(text) { te ...

  5. JavaScript学习12 JS中定义对象的几种方式

    JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工 ...

  6. 点评js异步加载的4种方式

    主要介绍了点评js异步加载的4种方式,帮助大家更全面的了解js异步加载方式,感兴趣的小伙伴们可以参考一下 js异步加载的4种方式,点评开始. <!DOCTYPE html> <htm ...

  7. (转)在网页中JS函数自动执行常用三种方法

    原文:http://blog.sina.com.cn/s/blog_6f6b4c3c0100nxx8.html 在网页中JS函数自动执行常用三种方法 在网页中JS函数自动执行常用三种方法 在HTML中 ...

  8. js function定义函数的4种方法

    js function定义函数的4种方法 1.最基本的作为一个本本分分的函数声明使用. 复制代码代码如下: 复制代码代码如下: function func(){} 或 var func=functio ...

  9. 关于js的replace替换

    关于js的replace替换 msgContent = msgContent.replace("a","b"); 这样的替换只会把第一个a替换成b,不会替换全部 ...

随机推荐

  1. JVM探秘：jstat查看JVM统计信息

    本系列笔记主要基于<深入理解Java虚拟机:JVM高级特性与最佳实践 第2版>,是这本书的读书笔记. jstat命令用来查看JVM统计信息,可以查看类加载信息.垃圾收集的信息.JIT编译信 ...

  2. ZOJ 3757 Alice and Bod 模拟

    上次的ZJU月赛题,规则比较复杂,当时就连题意都没摸清楚,只觉得非常复杂 比完后敲啊敲啊敲,连续WA啊,该反思下自己,没按照题意来设置条件,题目中说了 白球入袋并且... 给对手加分 ,白球未入袋并且 ...

  3. 吴裕雄--天生自然Django框架开发笔记：Django简介

    Python下有许多款不同的 Web 框架.Django是重量级选手中最有代表性的一位.许多成功的网站和APP都基于Django. Django是一个开放源代码的Web应用框架,由Python写成. ...

  4. one_day_one_linuxCmd---tar命令

    <坚持每天学习一个 linux 命令,今天我们来学习 tar 命令> 摘要:tar 命令是一个 Linux 下的打包程序,通常在 Linux 下,打包和压缩是不同的程序,打包通过 tar ...

  5. E - Apple Tree POJ - 2486

    E - Apple Tree POJ - 2486 Wshxzt is a lovely girl. She likes apple very much. One day HX takes her t ...

  6. while read line do done < file

    zzx@zzx120:~/test1$ cat file.txt    1122zzx@zzx120:~/test1$ cat ./read.sh #!/bin/bashwhile read line ...

  7. Android 消息推送流程机制

    1.引言 所谓的消息推送就是从服务器端向移动终端发送连接,传输一定的信息.比如一些新闻客户端,每隔一段时间收到一条或者多条通知,这就是从服务器端传来的推送消息:还比如常用的一些IM软件如微信.GTal ...

  8. java查看简单GC日志

    测试代码: public class GCtest { public static void main(String[] args) { for (int i = 0; i < 10000; i ...

  9. Paper Review: Epigenetic Landscape, Cell Differentiation 01

    Today, I'll share a review papers about Epigenetic Landscape, the Epigenetic Landscape is related to ...

  10. 输入pip命令报错：from pip import main ImportError: cannot import name 'main'

    报错信息: qly@qlyComputer:~$ pip Traceback (most recent call last): File "/usr/bin/pip", line ...