JS敏感词过滤代码


Posted in Javascript onDecember 23, 2016

过滤敏感、不良词汇。本文主要讲述两种方式过滤敏感词汇。

我在这里直接以函数的形式体现出来,也就是说,用的时候直接调用函数即可。

方式一、RegExp()

function filter() {

  // 获取输入框的内容inputContent
  var inputContent = input.value;

  // 多个敏感词,这里直接以数组的形式展示出来
  var arrMg = ["fuck", "tmd", "他妈的"];

  // 显示的内容--showContent
  var showContent = inputContent;

  // 正则表达式
  // \d 匹配数字 

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

    // 创建一个正则表达式
    var r = new RegExp(arrMg[i], "ig");

    showContent = showContent.replace(r, "*");
  }
  // 显示的内容--showInput
  showInput.value = showContent;
}

方式二、replace()

function filtion(){
  var inputContent = input.value;

  // 多个敏感词
  var arrMg = ["fuck", "tmd", "他妈的"];

  var showContent = inputContent;

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

    // replace 只会替换第一个,后面如果还有相同的内容,就不会替换了
    showContent = showContent.replace(arrMg[i], "*");
  }

  showInput.value = showContent;
}

两种方式都写完了,一种是正则表达式,一种是对象方法replace().

下面这里加上HTML的代码,这样可能会好一点。

<textarea id="inputContent" > </textarea>

  <input type="button" value="转换" onclick="filter()"/>

  <textarea id="showInput"></textarea>

当然,敏感词的过滤还是还有好几种方法的,比如JQ的也可以,当然使用一些目前主流的前段框架也是可以的,例如angular、vue等这些都会有自己的过滤器。

但是,在现实开发中,过滤这一块的话,通常交给后台方法。

就这样。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
Input 特殊事件onpopertychange和oninput
Jun 17 Javascript
在多个页面使用同一个HTML片段《续》
Mar 04 Javascript
JS图片自动轮换效果实现思路附截图
Apr 30 Javascript
js使用递归解析xml
Dec 12 Javascript
JavaScript实现带标题的图片轮播特效
May 20 Javascript
IE和Firefox之间在JavaScript语法上的差异
Apr 22 Javascript
一分钟理解js闭包
May 04 Javascript
Javascript闭包与函数柯里化浅析
Jun 22 Javascript
关于微信中a链接无法跳转问题
Aug 02 Javascript
video.js使用改变ui过程
Mar 05 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
Windows上node.js的多版本管理工具用法实例分析
Nov 06 Javascript
关于JS Lodop打印插件打印Bootstrap样式错乱问题的解决方案
Dec 23 #Javascript
基于BootStrap栅格栏系统完成网站底部版权信息区
Dec 23 #Javascript
JS判断鼠标进入容器的方向与window.open新窗口被拦截的问题
Dec 23 #Javascript
Bootstrap和Java分页实例第一篇
Dec 23 #Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 #Javascript
Bootstrap select多选下拉框实现代码
Dec 23 #Javascript
Bootstrap select实现下拉框多选效果
Dec 23 #Javascript
You might like
手把手教你使用DedeCms V3的在线采集图文教程
2007/04/03 PHP
利用Memcached在php下实现session机制 替换PHP的原生session支持
2010/08/21 PHP
php产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
PHP实现服务器状态监控的方法
2014/12/09 PHP
Zend Framework教程之MVC框架的Controller用法分析
2016/03/07 PHP
利用jQuery 实现GridView异步排序、分页的代码
2010/02/06 Javascript
jquery向.ashx文件post中文乱码问题的解决方法
2011/03/28 Javascript
javascript作用域容易记错的两个地方分析
2012/06/22 Javascript
JS使用for循环遍历Table的所有单元格内容
2014/08/21 Javascript
JS运动框架之分享侧边栏动画实例
2015/03/03 Javascript
JavaScript 常见安全漏洞和自动化检测技术
2015/08/21 Javascript
javascript实现的猜数小游戏完整实例代码
2016/05/10 Javascript
详解前端路由实现与react-router使用姿势
2017/08/07 Javascript
Node.js爬取豆瓣数据实例分析
2018/03/05 Javascript
微信小程序地图导航功能实现完整源代码附效果图(推荐)
2019/04/28 Javascript
jQuery实现王者荣耀手风琴效果
2020/01/17 jQuery
通过实例了解JS执行上下文运行原理
2020/06/17 Javascript
Python2.x中str与unicode相关问题的解决方法
2015/03/30 Python
python实现计算倒数的方法
2015/07/11 Python
利用Python脚本实现ping百度和google的方法
2017/01/24 Python
python 列表输出重复值以及对应的角标方法
2019/06/11 Python
python射线法判断一个点在图形区域内外
2019/06/28 Python
找Python安装目录,设置环境路径以及在命令行运行python脚本实例
2020/03/09 Python
Python绘制组合图的示例
2020/09/18 Python
python 写一个性能测试工具(一)
2020/10/24 Python
python调用win32接口进行截图的示例
2020/11/11 Python
Bulk Powders意大利:运动补充在线商店
2019/02/09 全球购物
中学生运动会入场词
2014/02/12 职场文书
财产保全担保书范文
2014/04/01 职场文书
给校长的建议书400字
2014/05/15 职场文书
2015年安全工作总结范文
2015/04/02 职场文书
酒会开场白大全
2015/06/01 职场文书
黄埔军校观后感
2015/06/10 职场文书
2015年初中教务处工作总结
2015/07/21 职场文书
子女赡养老人协议书
2016/03/23 职场文书
Centos7 Shell编程之正则表达式、文本处理工具详解
2022/08/05 Servers