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 相关文章推荐
音乐播放用的的几个函数
Sep 07 Javascript
jquery.lazyload  实现图片延迟加载jquery插件
Feb 06 Javascript
jQuery实现的图片分组切换焦点图插件
Jan 06 Javascript
JS控制网页动态生成任意行列数表格的方法
Mar 09 Javascript
jQuery插件slides实现无缝轮播图特效
Apr 17 Javascript
异步加载JS、CSS代码(推荐)
Jun 15 Javascript
使用JS代码实现俄罗斯方块游戏
Aug 03 Javascript
Vue加载组件、动态加载组件的几种方式
Aug 31 Javascript
详解微信小程序文件下载--视频和图片
Apr 24 Javascript
微信小程序工具函数封装
Oct 28 Javascript
vue element-ui读取pdf文件的方法
Nov 26 Javascript
微信小程序多列表渲染数据开关互不影响的实现
Jun 05 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获取163、gmail、126等邮箱联系人地址【已测试2009.10.10】
2009/10/11 PHP
php 文本文件的读取效率
2012/02/10 PHP
php mail to 配置详解
2014/01/16 PHP
php浏览历史记录的方法
2015/03/10 PHP
PHP命名空间namespace用法实例分析
2016/09/27 PHP
php使用fputcsv实现大数据的导出操作详解
2020/02/27 PHP
JavaScript继承方式实例
2010/10/29 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
jquery实现简单易懂的图片展示小例子
2013/11/21 Javascript
JavaScript实现数字数组正序排列的方法
2015/04/06 Javascript
利用Jquery队列实现根据输入数量显示的动画
2016/09/01 Javascript
vue.js实现格式化时间并每秒更新显示功能示例
2018/07/07 Javascript
Vue中实现权限控制的方法示例
2019/06/07 Javascript
layer.open的自适应及居中及子页面标题的修改方法
2019/09/05 Javascript
javascript事件循环event loop的简单模型解释与应用分析
2020/03/14 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
[01:14]DOTA2亚洲邀请赛 ShowOpen
2015/02/07 DOTA
Python列表(list)常用操作方法小结
2015/02/02 Python
Python中pip安装非PyPI官网第三方库的方法
2015/06/02 Python
python从入门到精通(DAY 3)
2015/12/20 Python
使用python调用zxing库生成二维码图片详解
2017/01/10 Python
详解如何将python3.6软件的py文件打包成exe程序
2018/10/09 Python
浅谈python requests 的put, post 请求参数的问题
2019/01/02 Python
Python实现12306火车票抢票系统
2019/07/04 Python
pycharm 实现光标快速移动到括号外或行尾的操作
2021/02/05 Python
GAP美国官网:美国休闲时尚品牌
2016/08/26 全球购物
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
全球性的在线鞋类品牌:Public Desire
2019/04/03 全球购物
what is the difference between ext2 and ext3
2015/08/25 面试题
经典优秀毕业生求职信范文分享
2013/12/18 职场文书
关于赌博的检讨书
2014/01/24 职场文书
学生保证书范文
2014/04/28 职场文书
员工安全生产承诺书
2014/05/22 职场文书
新党章的学习心得体会
2014/11/07 职场文书
国庆节到了,利用JS实现一个生成国庆风头像的小工具 详解实现过程
2021/10/05 Javascript
MySQL数据库⾼可⽤HA实现小结
2022/01/22 MySQL