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 相关文章推荐
让任务管理器中的CPU跳舞的js代码
Nov 01 Javascript
JS 常用校验函数
Mar 26 Javascript
js截取固定长度的中英文字符的简单实例
Nov 22 Javascript
JavaScript中的数值范围介绍
Dec 29 Javascript
javascript实现可全选、反选及删除表格的方法
May 15 Javascript
动态加载js文件简单示例
Apr 21 Javascript
Bootstrap每天必学之工具提示(Tooltip)插件
Apr 26 Javascript
JavaScript必知必会(九)function 说起 闭包问题
Jun 08 Javascript
bootstrap下拉分页样式 带跳转页码
Dec 29 Javascript
vue页面加载时的进度条功能(实例代码)
Jan 13 Javascript
前端开发基础javaScript的六大作用
Aug 06 Javascript
JS实现炫酷轮播图
Nov 15 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
phpwind中的数据库操作类
2007/01/02 PHP
php cli换行示例
2014/04/22 PHP
Laravel 5框架学习之子视图和表单复用
2015/04/09 PHP
一段实时更新的时间代码
2006/07/07 Javascript
静态图片的十一种滤镜效果--不支持Ie7及非IE浏览器。
2007/03/06 Javascript
jQuery 前的按键判断代码
2010/03/19 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
js点击选择文本的方法
2015/02/09 Javascript
JavaScript forEach()遍历函数使用及介绍
2015/07/08 Javascript
bootstrapvalidator之API学习教程
2017/06/29 Javascript
JavaScript判断浏览器和hack滚动条的写法
2017/07/23 Javascript
实现两个文本框同时输入的实例
2017/09/25 Javascript
原生JS实现Ajax跨域请求flask响应内容
2017/10/24 Javascript
JavaScript的setter与getter方法
2017/11/29 Javascript
Vue通过for循环随机生成不同的颜色或随机数的实例
2019/11/09 Javascript
vue自定义组件(通过Vue.use()来使用)即install的用法说明
2020/08/11 Javascript
vue-simple-uploader上传成功之后的response获取代码
2020/09/07 Javascript
openlayers 3实现车辆轨迹回放
2020/09/24 Javascript
[05:31]干嘛呢兄弟!DOTA2 TI9语音轮盘部分出处
2019/05/14 DOTA
Python实现读取目录所有文件的文件名并保存到txt文件代码
2014/11/22 Python
pandas把所有大于0的数设置为1的方法
2019/01/26 Python
PyQt5固定窗口大小的方法
2019/06/18 Python
Python 中PyQt5 点击主窗口弹出另一个窗口的实现方法
2019/07/04 Python
python numpy实现rolling滚动案例
2020/06/08 Python
python实现单机五子棋
2020/08/28 Python
基于python模拟TCP3次握手连接及发送数据
2020/11/06 Python
英国著名的茶叶品牌:Whittard of Chelsea
2016/09/22 全球购物
介绍一下gcc特性
2012/01/20 面试题
介绍一下linux文件系统分配策略
2013/02/25 面试题
swtich是否能作用在byte上,是否能作用在long上,是否能作用在String上?
2013/03/30 面试题
电气自动化大学生求职信
2013/10/16 职场文书
高中同学会活动方案
2014/08/14 职场文书
2014年党员加强作风建设思想汇报
2014/09/15 职场文书
2015年重阳节慰问信
2015/03/23 职场文书
郭明义电影观后感
2015/06/08 职场文书
微信小程序 根据不同用户切换不同TabBar
2022/04/21 Javascript