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 相关文章推荐
几个javascript操作word的参考代码
Oct 26 Javascript
javascript scrollTop正解使用方法
Nov 14 Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
Apr 17 Javascript
jQuery遍历之next()、nextAll()方法使用实例
Nov 08 Javascript
javaScript基础语法介绍
Feb 28 Javascript
jquery实现的Accordion折叠面板效果代码
Sep 02 Javascript
AngularJS基础教程之简单介绍
Sep 27 Javascript
Vue.js系列之项目搭建(1)
Jan 03 Javascript
JavaScript之DOM_动力节点Java学院整理
Jul 03 Javascript
JS实现弹出下载对话框及常见文件类型的下载
Jul 13 Javascript
angular.extend方法的具体使用
Sep 14 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
深思 PHP 数组遍历的差异(array_diff 的实现)
2008/03/23 PHP
Linux中用PHP判断程序运行状态的2个方法
2014/05/04 PHP
typecho插件编写教程(五):核心代码
2015/05/28 PHP
PHP使用token防止表单重复提交的方法
2016/04/07 PHP
Yii数据模型中rules类验证器用法分析
2016/07/15 PHP
php面向对象之反射功能与用法分析
2017/03/29 PHP
ThinkPHP3.2框架自定义配置和加载用法示例
2018/06/14 PHP
Thinkphp集成抖音SDK的实现方法
2020/04/28 PHP
jquery radio 操作代码
2011/03/16 Javascript
javascript学习笔记(四) Number 数字类型
2012/06/19 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
javascript拖拽应用实例
2016/03/25 Javascript
点击页面任何位置隐藏div的实现方法
2016/09/05 Javascript
vue项目中引入noVNC远程桌面的方法
2018/03/05 Javascript
解决layer 关闭当前弹窗 关闭遮罩层 input值获取不到的问题
2019/09/25 Javascript
推荐几个不错的console调试技巧实现
2019/12/20 Javascript
解决vue使用vant轮播组件swipe + flex时文字抖动问题
2021/01/07 Vue.js
[03:22]DSPL第一期精彩集锦:酷炫到底!
2014/11/07 DOTA
Python类的定义、继承及类对象使用方法简明教程
2015/05/08 Python
python使用json序列化datetime类型实例解析
2018/02/11 Python
python 识别图片中的文字信息方法
2018/05/10 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
Tensorflow轻松实现XOR运算的方式
2020/02/03 Python
Python类中self参数用法详解
2020/02/13 Python
Python脚本实现监听服务器的思路代码详解
2020/05/28 Python
python中Mako库实例用法
2020/12/31 Python
美国知名的摄影器材销售网站:Adorama
2017/02/01 全球购物
《跨越百年的美丽》教学反思
2014/02/11 职场文书
庆六一宣传标语
2014/10/08 职场文书
国家助学金感谢信
2015/01/21 职场文书
万能检讨书
2015/01/27 职场文书
物业工程部岗位职责
2015/02/11 职场文书
锦旗赠语
2015/06/23 职场文书
2016年学校“6﹒26国际禁毒日”宣传活动总结
2016/04/05 职场文书
导游词之云南丽江古城
2019/09/17 职场文书
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
2021/05/26 Servers