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监视变量变化的方法
Jun 09 Javascript
详解JavaScript中this关键字的用法
May 26 Javascript
利用VUE框架,实现列表分页功能示例代码
Jan 12 Javascript
如何选择jQuery版本 1.x? 2.x? 3.x?
Apr 01 jQuery
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
Vue2.0生命周期的理解
Aug 20 Javascript
详解如何实现Element树形控件Tree在懒加载模式下的动态更新
Apr 25 Javascript
Vue项目从webpack3.x升级webpack4不完全指南
Apr 28 Javascript
微信小程序模板消息限制实现无限制主动推送的示例代码
Aug 27 Javascript
vue-form表单验证是否为空值的实例详解
Oct 29 Javascript
javascript中的相等操作符(==与===区别)
Dec 21 Javascript
微信小程序学习总结(四)事件与冒泡实例分析
Jun 04 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
超强分页类2.0发布,支持自定义风格,默认4种显示模式
2007/01/02 PHP
PHP树形结构tree类用法示例
2019/02/01 PHP
JS获取dom 对象 ajax操作 读写cookie函数
2009/11/18 Javascript
javascript demo 基本技巧
2009/12/18 Javascript
javascript开发中因空格引发的错误
2010/11/08 Javascript
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
文本框回车提交与禁止提交示例
2013/09/27 Javascript
js实现字符串转日期格式的方法
2015/05/20 Javascript
js预加载图片方法汇总
2015/06/15 Javascript
JavaScrip常见的一些算法总结
2015/12/28 Javascript
JQuery核心函数是什么及使用方法介绍
2016/05/03 Javascript
Bootstrap3制作图片轮播效果
2016/05/12 Javascript
javascript中Date对象的使用总结
2016/11/21 Javascript
canvas绘制万花筒效果(代码分享)
2017/01/20 Javascript
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
2017/05/08 jQuery
微信小程序实现图片上传、删除和预览功能的方法
2017/12/18 Javascript
高性能的javascript之加载顺序与执行原理篇
2018/01/14 Javascript
详解Angular模板引用变量及其作用域
2018/11/23 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
python 输出一个两行字符的变量
2009/02/05 Python
Python构建网页爬虫原理分析
2017/12/19 Python
Python如何通过百度翻译API实现翻译功能
2020/04/02 Python
FLIR美国官网:热成像, 夜视和红外摄像系统
2018/07/13 全球购物
阿拉伯时尚购物网站:Nisnass
2021/02/07 全球购物
AssertionError 跟一下那个类是 “is – a”的关系
2012/02/21 面试题
工作的心得体会
2013/12/31 职场文书
给客户的道歉信
2014/01/13 职场文书
周年庆典邀请函范文
2014/01/24 职场文书
护士自我评价范文
2014/01/25 职场文书
读群众路线心得体会
2014/03/07 职场文书
《傅雷家书》教学反思
2014/04/20 职场文书
经贸日语专业自荐信
2014/09/02 职场文书
教师作风整改措施思想汇报
2014/10/12 职场文书
2014年科室工作总结范文
2014/12/19 职场文书
详细介绍python类及类的用法
2021/05/31 Python
python入门学习关于for else的特殊特性讲解
2021/11/20 Python