JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能


Posted in Javascript onJune 20, 2017

本例中敏感词ciku.txt放在C盘根目录下,采用的ActiveXObject插件获取本地文件内容。使用此插件不需网上下插件,直接用如下js代码即可。

浏览器需修改interner安全选项的级别,启用ActiveX才能获取到代码中的ActiveXObject插件。如下图所示:

JS使用ActiveXObject实现用户提交表单时屏蔽敏感词功能

js代码实现如下:

<script type="text/javascript">
    // -------------- 全局变量,用来判断文本域中是否包含脏词,默认为false,即不包含脏词-------
    var isDirty = false;
    //使用ActiveX读取本地文件获取dirtyword词库  
    function readFile(){    
      //var ForReading = 1; 
      var fso = new ActiveXObject("Scripting.FileSystemObject"); 
      openF = fso.OpenTextFile("c:\\ciku.txt", 1); 
      var cikuStr= openF.ReadAll(); 
      return cikuStr;
    }
    /*
    * 提交表单的主方法
    * 在提交表单的时候对内容进行过滤并在文本域显示过滤后的内容
    */
    function submitForm1() {
      var messageValue=document.getElementById("message").value;
      var cikuStr=readFile();
      var cikuArr= new Array();                 //定义数组,存储敏感词 
      cikuArr=cikuStr.split(" ");               //敏感字符分割          
      for (var i=0;i<cikuArr.length;i++){ 
        var flag=cikuArr[i];
        if(messageValue.indexOf(flag)>=0){          //查找文本域中是否包含敏感字符,是则替换
          filterWord(messageValue);         
          var ifs=confirm("你的留言中含有不恰当的词语,系统已自动为你修改,是否继续提交?");
          break;
        }else{                        //无敏感字符,直接提交表单
          document.getElementById("message_board").submit();
          break;
        }       
      }
      if(ifs){                        //用户点击确定,则提交表单
        document.getElementById("message_board").submit();
      }   
    }
    /*
    * 对传进来的messageValue过滤并返回新内容    
    */
    function filterWord(messageValue){
      // 根据文本域的id获取文本域对象内容
      var cikuStr=readFile();
      var cikuArr= new Array();                 //定义数组,存储敏感词 
      cikuArr=cikuStr.split(" ");               //敏感字符分割到数组内        
      for (var i=0;i<cikuArr.length;i++){ 
        messageValue=filterOneWord(messageValue,cikuArr[i]);//filterOneWord函数每次替换一个字符,需循环调用
      }     
      document.getElementById("message").value=messageValue; //将替换后的内容显示到文本域中  
    }
    /*
    * 这个函数用来过滤单个词语, 如果messageValue中含有oneDirtyWord, 则用"**"替换这个oneDirtyWord
    * messageValue --- 要过滤的语句
    */
    function filterOneWord(messageValue,oneDirtyWord){        
      var str=messageValue.replace(new RegExp(oneDirtyWord,'g'),"**");
      return str;          
    }
   </script>

     表单部分代码:

<body>
  <form name="message_board" id="message_board" action="aaa.html">
    <textarea name="message" id="message" cols="50" rows="10">
"This is you post messsage"
——phpdream 
    </textarea><br/>
    <input type="button" value="提交留言" id="submitMessage" onclick="submitForm1()"/>
  </form>
</body>
Javascript 相关文章推荐
jQuery EasyUI API 中文文档 - Documentation 文档
Sep 29 Javascript
JS 对输入框进行限制(常用的都有)
Jul 30 Javascript
Javascript 按位取反运算符 (~)
Feb 04 Javascript
PHP PDO操作总结
Nov 17 Javascript
javascript实现显示和隐藏div方法汇总
Aug 14 Javascript
Bootstrap嵌入jqGrid,使你的table牛逼起来
May 05 Javascript
js手动播放图片实现图片轮播效果
Sep 17 Javascript
Bootstrap3下拉菜单的实现
Feb 22 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(二)
May 11 Javascript
webpack+vue2构建vue项目骨架的方法
Jan 09 Javascript
JS实现运动缓冲效果的封装函数示例
Feb 18 Javascript
vue仿淘宝滑动验证码功能(样式模仿)
Dec 10 Javascript
20行js代码实现的贪吃蛇小游戏
Jun 20 #Javascript
详解vue-resource promise兼容性问题
Jun 20 #Javascript
ionic2自定义cordova插件开发以及使用(Android)
Jun 19 #Javascript
详解vue2.0 transition 多个元素嵌套使用过渡
Jun 19 #Javascript
vue中如何实现变量和字符串拼接
Jun 19 #Javascript
js实现随机数字字母验证码
Jun 19 #Javascript
解决vue-cli中stylus无法使用的问题方法
Jun 19 #Javascript
You might like
深入PHP数据缓存的使用说明
2013/05/10 PHP
php生成图片验证码
2015/06/09 PHP
通过PHP自带的服务器来查看正则匹配结果的方法
2015/12/24 PHP
mysql alter table命令修改表结构实例详解
2016/09/24 PHP
PHP实现的自定义数组排序函数与排序类示例
2016/11/18 PHP
Laravel获取当前请求的控制器和方法以及中间件的例子
2019/10/11 PHP
javascript 折半查找字符在数组中的位置(有序列表)
2010/12/09 Javascript
jquery事件机制扩展插件 jquery鼠标右键事件。
2011/12/26 Javascript
JavaScript根据数据生成百分比图和柱状图的实例代码
2013/07/14 Javascript
深入探讨JavaScript String对象
2015/03/09 Javascript
JS基于面向对象实现的放烟花效果
2015/05/07 Javascript
jQuery实现Meizu魅族官方网站的导航菜单效果
2015/09/14 Javascript
javascript正则表达式总结
2016/02/29 Javascript
将List对象列表转换成JSON格式的类实现方法
2016/07/04 Javascript
微信小程序中实现一对多发消息详解及实例代码
2017/02/14 Javascript
Vue中img的src属性绑定与static文件夹实例
2017/05/18 Javascript
React Js 微信禁止复制链接分享禁止隐藏右上角菜单功能
2017/05/26 Javascript
for循环 + setTimeout 结合一些示例(前端面试题)
2017/08/30 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
2017/09/07 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
vue.js 实现输入框动态添加功能
2018/06/25 Javascript
Jquery动态列功能完整实例
2019/08/30 jQuery
Element 默认勾选表格 toggleRowSelection的实现
2019/09/04 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
Vue+scss白天和夜间模式切换功能的实现方法
2021/01/05 Vue.js
[01:37]TI4西雅图DOTA2前线报道 VG拿下首胜教练357给出获胜秘诀
2014/07/10 DOTA
Python实现提取谷歌音乐搜索结果的方法
2015/07/10 Python
Python中装饰器兼容加括号和不加括号的写法详解
2017/07/05 Python
Python使用selenium + headless chrome获取网页内容的方法示例
2019/10/16 Python
Python 改变数组类型为uint8的实现
2020/04/09 Python
Python实现小黑屋游戏的完整实例
2021/01/06 Python
英国在线玫瑰专家:InterRose
2019/12/01 全球购物
新员工入职感言
2014/02/01 职场文书
2015年毕业实习工作总结
2014/12/12 职场文书
毕业实习指导教师评语
2014/12/31 职场文书
浅谈Laravel中使用Slack进行异常通知
2021/05/29 PHP