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简单性能问题及学习笔记
Feb 04 Javascript
超详细的javascript数组方法汇总
Nov 21 Javascript
利用JQuery写一个简单的异步分页插件
Mar 07 Javascript
AngularJS基础 ng-if 指令用法
Aug 01 Javascript
jQuery Plupload上传插件的使用
Apr 19 jQuery
详解React开发中使用require.ensure()按需加载ES6组件
May 12 Javascript
JS实现数组去重方法总结(六种方法)
Jul 14 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
Angular2+国际化方案(ngx-translate)的示例代码
Aug 23 Javascript
vue.js移动端app之上拉加载以及下拉刷新实战
Sep 11 Javascript
IntelliJ IDEA 安装vue开发插件的方法
Nov 21 Javascript
AjaxFileUpload.js实现异步上传文件功能
Apr 19 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
从零开始学YII2框架(六)高级应用程序模板
2014/08/20 PHP
php基于ob_start(ob_gzhandler)实现网页压缩功能的方法
2017/02/18 PHP
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
2011/10/16 Javascript
jQuery遍历对象、数组、集合实例
2014/11/08 Javascript
利用node实现一个批量重命名文件的函数
2017/12/21 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
jQuery实现的淡入淡出图片轮播效果示例
2018/08/29 jQuery
Vue如何实现监听组件原生事件
2020/07/03 Javascript
vue集成openlayers加载geojson并实现点击弹窗教程
2020/09/24 Javascript
Nodejs + sequelize 实现增删改查操作
2020/11/07 NodeJs
[04:00]DOTA2解说界神雕侠侣 CJ第四天谷子现场过生日
2013/07/30 DOTA
[01:04:01]2014 DOTA2华西杯精英邀请赛5 24 DK VS VG
2014/05/25 DOTA
pyqt4教程之widget使用示例分享
2014/03/07 Python
浅谈django中的认证与登录
2016/10/31 Python
再谈Python中的字符串与字符编码(推荐)
2016/12/14 Python
Python中常用信号signal类型实例
2018/01/25 Python
python批量解压zip文件的方法
2019/08/20 Python
python中的TCP(传输控制协议)用法实例分析
2019/11/15 Python
pycharm 2020.2.4 pip install Flask 报错 Error:Non-zero exit code的问题
2020/12/04 Python
css3 transform属性详解
2014/09/30 HTML / CSS
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
医学毕业生自我鉴定
2013/10/30 职场文书
大学生职业生涯规划范文
2013/12/31 职场文书
优秀学生获奖感言
2014/02/15 职场文书
企业授权委托书范本
2014/04/02 职场文书
皇城相府导游词
2015/02/06 职场文书
教师考核表个人总结
2015/02/12 职场文书
家长高考寄语
2015/02/27 职场文书
我的法兰西岁月观后感
2015/06/09 职场文书
2016年母亲节广告语
2016/01/28 职场文书
创业计划书之家教托管
2019/09/25 职场文书
总结一下关于在Java8中使用stream流踩过的一些坑
2021/06/24 Java/Android
html5调用摄像头实例代码
2021/06/28 HTML / CSS
使用Spring处理x-www-form-urlencoded方式
2021/11/02 Java/Android
如何利用python实现Simhash算法
2022/06/28 Python