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 相关文章推荐
JS中confirm,alert,prompt函数使用区别分析
Apr 01 Javascript
jquery 结合C#后台的数组对文章的关键字自动添加链接的代码
Jul 15 Javascript
简单的代码实现jquery定时器
Nov 17 Javascript
JavaScript前端开发之实现二进制读写操作
Nov 04 Javascript
javascript实现动态统计图开发实例
Nov 21 Javascript
Bootstrap每天必学之标签与徽章
Nov 27 Javascript
学习javascript面向对象 实例讲解面向对象选项卡
Jan 04 Javascript
详解Javacript和AngularJS中的Promises
Feb 09 Javascript
10个在JavaScript开发中常遇到的BUG
Dec 18 Javascript
vue的一个分页组件的示例代码
Dec 25 Javascript
浅谈Javascript中的对象和继承
Apr 19 Javascript
Vue3实现简易音乐播放器组件
Aug 14 Vue.js
关于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
php session和cookie使用说明
2010/04/07 PHP
PHP创建/删除/复制文件夹、文件
2016/05/03 PHP
PHP序列化的四种实现方法与横向对比
2018/11/29 PHP
php中get_object_vars()在数组的实例用法
2021/02/22 PHP
jQuery实现密保互斥问题解决方案
2013/08/16 Javascript
JS字符串截取函数实例
2013/12/27 Javascript
jquery map方法使用示例
2014/04/23 Javascript
jQuery实现获取table表格第一列值的方法
2016/03/01 Javascript
全面解析DOM操作和jQuery实现选项移动操作代码分享
2016/06/07 Javascript
jQuery基本过滤选择器用法示例
2016/09/09 Javascript
AngularJS指令中的绑定策略实例分析
2016/12/14 Javascript
原生JS实现多个小球碰撞反弹效果示例
2018/01/31 Javascript
vue.js select下拉框绑定和取值方法
2018/03/03 Javascript
Vue 3.x+axios跨域方案的踩坑指南
2019/07/04 Javascript
Vue关于组件化开发知识点详解
2020/05/13 Javascript
关于ES6尾调用优化的使用
2020/09/11 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
[04:42]2015国际邀请赛CDEC战队晋级之路
2015/08/13 DOTA
Python HTMLParser模块解析html获取url实例
2015/04/08 Python
Python3.X 线程中信号量的使用方法示例
2017/07/24 Python
python机器学习实战之树回归详解
2017/12/20 Python
Python实现抢购IPhone手机
2018/02/07 Python
python实现控制电脑鼠标和键盘,登录QQ的方法示例
2019/07/06 Python
docker django无法访问redis容器的解决方法
2019/08/21 Python
Python正则表达式急速入门(小结)
2019/12/16 Python
终于搞懂了Keras中multiloss的对应关系介绍
2020/06/22 Python
pycharm 多行批量缩进和反向缩进快捷键介绍
2021/01/15 Python
美国半成品食材配送服务商:Home Chef
2018/01/25 全球购物
本科生学习总结的自我评价
2013/10/02 职场文书
美德好少年事迹材料
2014/01/19 职场文书
研究生毕业鉴定
2014/01/29 职场文书
亮剑精神演讲稿
2014/05/23 职场文书
宣传工作经验材料
2014/06/02 职场文书
大学毕业生求职自荐书
2014/06/05 职场文书
教师一帮一活动总结
2014/07/08 职场文书
销售代理协议书
2014/09/30 职场文书