JS敏感词过滤代码
更新时间:2016年12月23日 14:11:16 转载 作者:斗金花
本篇文章主要介绍了JS敏感词过滤实例,详细的介绍了两种方法,RegExp(),replace(),具有一定的参考价值,有兴趣的可以了解一下。
过滤敏感、不良词汇。本文主要讲述两种方式过滤敏感词汇。
我在这里直接以函数的形式体现出来,也就是说,用的时候直接调用函数即可。
方式一、RegExp()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
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()
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
|
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的代码,这样可能会好一点。
1
2
3
4
5
|
<
textarea
id
=
"inputContent"
> </
textarea
>
<
input
type
=
"button"
value
=
"转换"
onclick
=
"filter()"
/>
<
textarea
id
=
"showInput"
></
textarea
>
|
当然,敏感词的过滤还是还有好几种方法的,比如JQ的也可以,当然使用一些目前主流的前段框架也是可以的,例如angular、vue等这些都会有自己的过滤器。
但是,在现实开发中,过滤这一块的话,通常交给后台方法。
就这样。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
<div class="art_xg">
<h4>您可能感兴趣的文章:</h4><ul><li><a href="/article/126578.htm" title="AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)" target="_blank">AngularJS模糊查询功能实现代码(过滤内容下拉菜单排序过滤敏感字符验证判断后添加表格信息)</a></li><li><a href="/article/24840.htm" title="js中过滤特殊字符的正则表达式" target="_blank">js中过滤特殊字符的正则表达式</a></li><li><a href="/article/37306.htm" title="js过滤HTML标签以及空格的思路及代码" target="_blank">js过滤HTML标签以及空格的思路及代码</a></li><li><a href="/article/87107.htm" title="Javascript 5种方法实现过滤删除前后所有空格" target="_blank">Javascript 5种方法实现过滤删除前后所有空格</a></li><li><a href="/article/47650.htm" title="js特殊字符过滤的示例代码" target="_blank">js特殊字符过滤的示例代码</a></li><li><a href="/article/14558.htm" title="用js实现过滤script的正则" target="_blank">用js实现过滤script的正则</a></li><li><a href="/article/75461.htm" title="js过滤HTML标签完整实例" target="_blank">js过滤HTML标签完整实例</a></li><li><a href="/article/19340.htm" title="利用javascript/jquery对上传文件格式过滤的方法" target="_blank">利用javascript/jquery对上传文件格式过滤的方法</a></li><li><a href="/article/25710.htm" title="用于过滤空白字符的几种常见的js正则表达式pattern" target="_blank">用于过滤空白字符的几种常见的js正则表达式pattern</a></li><li><a href="/article/148177.htm" title="js限制input只能输入有效的数字(第一个不能是小数点)" target="_blank">js限制input只能输入有效的数字(第一个不能是小数点)</a></li><li><a href="/article/166856.htm" title="原生JS 实现的input输入时表格过滤操作示例" target="_blank">原生JS 实现的input输入时表格过滤操作示例</a></li></ul>
</div>
<p class="tip">如您对本文有所疑义或者有任何需求,请<a href="//task.jb51.net" target="_blank">点击访问脚本社区</a>,百万网友为您解惑!</p><div class="lbd_bot clearfix">
<div id="_ic19x178taq" style=""><iframe width="820" frameborder="0" height="250" scrolling="no" src="//pos.baidu.com/s?wid=820&hei=250&di=u4846790&ltu=https%3A%2F%2Fwww.jb51.net%2Farticle%2F100991.htm&psi=9d756b5f8915d4c76a3d01fa56876835&dc=3&ti=JS%E6%95%8F%E6%84%9F%E8%AF%8D%E8%BF%87%E6%BB%A4%E4%BB%A3%E7%A0%81_javascript%E6%8A%80%E5%B7%A7_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&ps=2782x154&drs=1&pcs=1479x772&pss=1479x4493&cfv=0&cpl=5&chi=1&cce=true&cec=GBK&tlm=1596107646&psr=1536x864&par=1536x834&pis=-1x-1&ccd=24&cja=false&cmi=35&col=zh-CN&cdo=-1&tcn=1596107647&dtm=HTML_POST&tpr=1596107646536&ari=2&ant=0&exps=111000,110011&prot=2&dis=0&dai=1&dri=0&ltr=https%3A%2F%2Fwww.sogou.com%2Flink%3Furl%3DDSOYnZeCC_rk3y35VO6jB4g2sCglv2gnyE0ZEsJXP8bt_NBG3oN9tw.."></iframe><div style="display:none;padding:0px;"></div></div><script type="text/javascript" src="//jscode.jbzj.com/production/ql/common/h/source/n/h/production/kmtr.js"></script>
</div>
<p>原文链接:http://blog.csdn.net/genius_yym/article/details/53836151</p></div><!--endmain-->
<div class="tags clearfix">
<i class="icon-tag"></i>
<ul class="meta-tags">
<li class="tag item"><a href="http://common.jb51.net/tag/js/1.htm" target="_blank" title="搜索关于js的文章" rel="nofollow">js</a></li>
- 敏感词
</ul> </div> <div class="lbd clearfix"> <a href="https://www.xz577.com/weixin.html" target="_blank"><img src="//files.jb51.net/image/tb_all.gif?1217" class="nohref"></a> </div> <div id="shoucang"></div> <div class="xgcomm clearfix"> <h2>相关文章</h2> <ul><li class="lbd clearfix"><div id="_5opqxkeh3hn" style=""><iframe width="820" frameborder="0" height="120" scrolling="no" src="https://pos.baidu.com/s?wid=820&hei=120&di=u4806172&ltu=https%3A%2F%2Fwww.jb51.net%2Farticle%2F100991.htm&psi=9d756b5f8915d4c76a3d01fa56876835&dc=3&ti=JS%E6%95%8F%E6%84%9F%E8%AF%8D%E8%BF%87%E6%BB%A4%E4%BB%A3%E7%A0%81_javascript%E6%8A%80%E5%B7%A7_%E8%84%9A%E6%9C%AC%E4%B9%8B%E5%AE%B6&ps=0x0&drs=1&pcs=1479x772&pss=1479x4743&cfv=0&cpl=5&chi=1&cce=true&cec=GBK&tlm=1596107646&psr=1536x864&par=1536x834&pis=-1x-1&ccd=24&cja=false&cmi=35&col=zh-CN&cdo=-1&tcn=1596107647&dtm=HTML_POST&tpr=1596107646536&ari=2&ant=0&exps=111000,110011&prot=2&dis=0&dai=2&dri=0&ltr=https%3A%2F%2Fwww.sogou.com%2Flink%3Furl%3DDSOYnZeCC_rk3y35VO6jB4g2sCglv2gnyE0ZEsJXP8bt_NBG3oN9tw.."></iframe></div><script type="text/javascript" src="//jscode.jbzj.com/site/g/bx_d/production/hak_cq.js"></script>