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 相关文章推荐
jquery animate图片模向滑动示例代码
Jan 26 Javascript
JavaScript 参数中的数组展开 [译]
Sep 21 Javascript
引入JS文件IE6报语法错误或缺少对象问题的解决方法
Jan 09 Javascript
js 操作符汇总
Nov 08 Javascript
AngularJs入门教程之环境搭建+创建应用示例
Nov 01 Javascript
Webpack 服务器端代码打包的示例代码
Sep 19 Javascript
微信公众号H5支付接口调用方法
Jan 10 Javascript
JQuery中queue方法用法示例
Jan 31 jQuery
Vue实现拖放排序功能的实例代码
Jul 08 Javascript
node.js实现上传文件功能
Jul 15 Javascript
Nuxt使用Vuex的方法示例
Sep 06 Javascript
JS中FormData类实现文件上传
Mar 27 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 pki加密技术(openssl)详解
2013/07/01 PHP
destoon各类调用汇总
2014/06/20 PHP
微信支付开发告警通知实例
2016/07/12 PHP
PHP去除字符串最后一个字符的三种方法实例
2017/03/01 PHP
javascript下阻止表单重复提交、防刷新、防后退
2007/08/17 Javascript
JavaScript实现页面实时显示当前时间的简单实例
2013/07/20 Javascript
Eclipse去除js(JavaScript)验证错误
2014/02/11 Javascript
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
2015/09/15 Javascript
jQuery web 组件 后台日历价格、库存设置的代码
2016/10/14 Javascript
原生js代码实现图片放大境效果
2016/10/30 Javascript
Angular 4环境准备与Angular cli创建项目详解
2017/05/27 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
vue slot 在子组件中显示父组件传递的模板
2018/03/02 Javascript
浅析Vue中method与computed的区别
2018/03/06 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
webpack 从指定入口文件中提取公共文件的方法
2018/11/13 Javascript
小程序数据通信方法大全(推荐)
2019/04/15 Javascript
Vue全局loading及错误提示的思路与实现
2019/08/09 Javascript
Vue.use()在new Vue() 之前使用的原因浅析
2019/08/26 Javascript
微信小程序如何加载数据库真实数据的实现
2020/03/04 Javascript
jQuery实现可以计算进制转换的计算器
2020/10/19 jQuery
python列表操作之extend和append的区别实例分析
2015/07/28 Python
pandas中去除指定字符的实例
2018/05/18 Python
python 字典有序并写入json文件过程解析
2019/09/30 Python
python能开发游戏吗
2020/06/11 Python
python和js交互调用的方法
2020/06/23 Python
python中random.randint和random.randrange的区别详解
2020/09/20 Python
孕妇装中的著名品牌:Isabella Oliver(伊莎贝拉·奥利弗)
2016/10/31 全球购物
Lookfantastic西班牙官网:英国知名美妆购物网站
2018/06/13 全球购物
澳大利亚女士时装在线:Rockmans
2018/09/26 全球购物
团队精神口号
2014/06/06 职场文书
小学校长汇报材料
2014/08/20 职场文书
爱晚亭导游词
2015/02/09 职场文书
2015年行政助理工作总结
2015/04/30 职场文书
消防宣传标语大全
2015/08/03 职场文书
遇事可以测出您的见识与格局
2019/09/16 职场文书