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 Global对象
Aug 13 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
Jan 22 Javascript
jquery实现表格奇数偶数行不同样式(有图为证及实现代码)
Jan 23 Javascript
JavaScript中匿名、命名函数的性能测试
Sep 04 Javascript
跟我学习javascript解决异步编程异常方案
Nov 23 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
微信小程序 开发之快递查询功能的实现
Jan 09 Javascript
jQuery实现鼠标跟随效果
Feb 20 Javascript
原生JS实现幻灯片
Feb 22 Javascript
JS实现的简单折叠展开动画效果示例
Apr 28 Javascript
基于Vue2x实现响应式自适应轮播组件插件VueSliderShow功能
May 16 Javascript
angular2 ng2-file-upload上传示例代码
Aug 23 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 水平的题目
2007/05/30 PHP
PHP curl 抓取AJAX异步内容示例
2014/09/09 PHP
php查找指定目录下指定大小文件的方法
2014/11/28 PHP
值得分享的php+ajax实时聊天室
2016/07/20 PHP
php常用经典函数集锦【数组、字符串、栈、队列、排序等】
2019/08/23 PHP
用AJAX返回HTML片段中的JavaScript脚本
2010/01/04 Javascript
js预载入和JavaScript Image()对象使用介绍
2011/08/28 Javascript
js两行代码按指定格式输出日期时间
2011/10/21 Javascript
js弹出框轻量级插件jquery.boxy使用介绍
2013/01/15 Javascript
推荐4个原生javascript常用的函数
2015/01/12 Javascript
js实现仿京东2级菜单效果(带延时功能)
2015/08/27 Javascript
jQuery实现可编辑的表格实例讲解(2)
2015/09/17 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
JS实现新浪博客左侧的Blog管理菜单效果代码
2015/10/22 Javascript
详解用node搭建简单的静态资源管理器
2017/08/09 Javascript
vue刷新页面时去闪烁提升用户体验效果的实现方法
2018/12/10 Javascript
原生JS forEach()和map()遍历的区别、兼容写法及jQuery $.each、$.map遍历操作
2019/02/27 jQuery
详解JavaScript栈内存与堆内存
2019/04/04 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
2019/09/10 Javascript
基于form-data请求格式详解
2019/10/29 Javascript
vue 中 elment-ui table合并上下两行相同数据单元格
2019/12/26 Javascript
webpack+express实现文件精确缓存的示例代码
2020/06/11 Javascript
[27:39]Ti4 循环赛第二日 LGD vs Fnatic
2014/07/11 DOTA
跟老齐学Python之不要红头文件(2)
2014/09/28 Python
Python pickle类库介绍(对象序列化和反序列化)
2014/11/21 Python
Python的Django框架使用入门指引
2015/04/15 Python
深入理解python中的atexit模块
2017/03/07 Python
python ddt实现数据驱动
2018/03/14 Python
Pycharm 如何一键加引号的方法步骤
2021/02/05 Python
python实现发送邮件
2021/03/02 Python
详解HTML5 Canvas绘制不规则图形时的非零环绕原则
2016/03/21 HTML / CSS
HTML5自定义视频播放器源码
2020/01/06 HTML / CSS
美国第二大团购网站:LivingSocial
2016/07/24 全球购物
商场总经理岗位职责
2014/02/03 职场文书
结婚保证书范文
2014/04/29 职场文书
vue3使用vuedraggable实现拖拽功能
2022/04/06 Vue.js