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冒泡事件详解及阻止示例
Mar 21 Javascript
JavaScript中实现依赖注入的思路分享
Jan 15 Javascript
javascirpt实现2个iframe之间传值的方法
Jun 30 Javascript
BootStrap Validator使用注意事项(必看篇)
Sep 28 Javascript
jQuery EasyUI Panel面板组件使用详解
Feb 28 Javascript
Vue2.5通过json文件读取数据的方法
Feb 27 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
May 08 Javascript
vue-cli3.0如何使用CDN区分开发、生产、预发布环境
Nov 22 Javascript
elementUI中Table表格问题的解决方法
Dec 04 Javascript
在VUE中实现文件下载并判断状态的方法
Nov 08 Javascript
javascript Number 与 Math对象的介绍
Nov 17 Javascript
JavaScript执行机制详细介绍
Dec 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
PHP加密函数 Javascript/Js 解密函数
2013/09/23 PHP
PHP file_get_contents设置超时处理方法
2013/09/30 PHP
php实现比较两个字符串日期大小的方法
2015/05/12 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
List the UTC Time on a Computer
2007/06/11 Javascript
Dojo 学习笔记入门篇 First Dojo Example
2009/11/15 Javascript
jquery keypress,keyup,onpropertychange键盘事件
2010/06/25 Javascript
ASP.NET jQuery 实例6 (实现CheckBoxList成员全选或全取消)
2012/01/13 Javascript
jQuery客户端分页实例代码
2013/11/18 Javascript
讲解JavaScript中for...in语句的使用方法
2015/06/03 Javascript
利用imgareaselect辅助后台实现图片上传裁剪
2017/03/02 Javascript
js 开发之autocomplete=&quot;off&quot;在chrom中失效的解决办法
2017/09/28 Javascript
nodejs+mongodb+vue前后台配置ueditor的示例代码
2018/01/02 NodeJs
简述vue中的config配置
2018/01/23 Javascript
详解Angular5路由传值方式及其相关问题
2018/04/28 Javascript
create-react-app修改为多页面支持的方法
2018/05/17 Javascript
在vue里使用codemirror遇到的问题
2018/11/01 Javascript
详解koa2学习中使用 async 、await、promise解决异步的问题
2018/11/13 Javascript
jQuery的ztree仿windows文件新建和拖拽功能的实现代码
2018/12/05 jQuery
在JavaScript中使用严格模式(Strict Mode)
2019/06/13 Javascript
Vue数据驱动表单渲染,轻松搞定form表单
2019/07/19 Javascript
JS实现导航栏楼层特效
2020/01/01 Javascript
python编写暴力破解FTP密码小工具
2014/11/19 Python
Python实现一个简单的验证码程序
2017/11/03 Python
对python调用RPC接口的实例详解
2019/01/03 Python
Python如何获取Win7,Win10系统缩放大小
2020/01/10 Python
Pycharm中Python环境配置常见问题解析
2020/01/16 Python
keras 回调函数Callbacks 断点ModelCheckpoint教程
2020/06/18 Python
css3如何绘制一个圆圆的loading转圈动画
2018/01/09 HTML / CSS
Booking.com缤客中国:全球酒店在线预订网站
2020/05/03 全球购物
学生自我评价范文
2014/02/02 职场文书
优秀老师事迹材料
2014/02/05 职场文书
信息管理与信息系统专业求职信
2014/06/21 职场文书
公司委托书格式范本
2014/09/16 职场文书
2015公务员试用期工作总结
2014/12/12 职场文书
反邪教教育心得体会
2016/01/15 职场文书