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实现带省略号的分页
Apr 27 Javascript
JS将光标聚焦在文本最后的实现代码
Mar 28 Javascript
jQuery学习总结之jQuery事件
Jun 30 Javascript
jQuery简单实现tab选项卡切换效果
Jun 20 Javascript
Vue.js实现拖放效果的实例
Sep 30 Javascript
微信小程序 自动登陆PHP源码实例(源码下载)
May 08 Javascript
javascript兼容性(实例讲解)
Aug 15 Javascript
详解 vue.js用法和特性
Oct 15 Javascript
浅谈在react中如何实现扫码枪输入
Jul 04 Javascript
vue中的router-view组件的使用教程
Oct 23 Javascript
vue动态配置模板 'component is'代码
Jul 04 Javascript
微信小程序实现购物车小功能
Dec 30 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
用来解析.htgroup文件的PHP类
2012/09/05 PHP
浅析HTTP消息头网页缓存控制以及header常用指令介绍
2013/06/28 PHP
在JavaScript中获取请求的URL参数[正则]
2010/12/25 Javascript
利用jquery操作Radio方法小结
2014/10/20 Javascript
nodejs教程之环境安装及运行
2014/11/21 NodeJs
JQuery仿小米手机抢购页面倒计时效果
2014/12/16 Javascript
js实现数字每三位加逗号的方法
2015/02/05 Javascript
JavaScript仿网易选项卡制作代码
2016/10/06 Javascript
AngularJS使用拦截器实现的loading功能完整实例
2017/05/17 Javascript
AngularJS自定义指令详解(有分页插件代码)
2017/06/12 Javascript
浅谈js的解析顺序 作用域 严格模式
2017/10/23 Javascript
微信小程序通过保存图片分享到朋友圈功能
2018/05/24 Javascript
VUE单页面切换动画代码(全网最好的切换效果)
2019/10/31 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
2020/11/03 Javascript
jQuery实现动态操作table行
2020/11/23 jQuery
[47:21]Liquid vs TNC Supermajor 胜者组 BO3 第一场 6.4
2018/06/05 DOTA
Python多线程学习资料
2012/12/19 Python
python构造icmp echo请求和实现网络探测器功能代码分享
2014/01/10 Python
Python的时间模块datetime详解
2017/04/17 Python
Python利用逻辑回归分类实现模板
2020/02/15 Python
Python itertools.product方法代码实例
2020/03/27 Python
Python turtle库的画笔控制说明
2020/06/28 Python
Python爬虫实例——爬取美团美食数据
2020/07/15 Python
Python 高效编程技巧分享
2020/09/10 Python
python字典按照value排序方法
2020/12/28 Python
Forever 21美国官网:美国标志性快时尚品牌
2017/02/20 全球购物
我的applet原先好好的, 一放到web server就会有问题,为什么?
2016/05/10 面试题
大学毕业生最详细的自我评价分享
2013/11/18 职场文书
阳光体育活动总结
2014/04/30 职场文书
中职毕业生自我鉴定
2014/09/13 职场文书
一份恶作剧的检讨书
2014/09/13 职场文书
《乌鸦喝水》教学反思
2016/02/19 职场文书
为了顺利买到演唱会的票用Python制作了自动抢票的脚本
2021/10/16 Python
nginx实现动静分离的方法示例
2021/11/07 Servers
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫
Mysql数据库group by原理详解
2022/07/07 MySQL