任务1:过滤并替换敏感词
任务要求:
日常生活中,我们在网站上输入一些信息时,某些内容可能被替换成星号“*”,或者当我们浏览一些论坛时,经常看到别人发表的内容中包含一些星号“*”,这些被星号代替的内容一般是敏感词或者个人信息。本案例将实现过滤敏感词 admin 和 manager,忽略大小写并将匹配到的敏感词替换成“*”。
案例效果如下
任务分析:
定义两个文本域和一个按钮。
为按钮绑定单击事件。
创建正则表达式,并根据正则表达式替换用户输入的内容。
任务实现:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>过滤前的内容:<br>
<textarea id="before" cols="30" rows="5"></textarea>
</div>
<button id="btn">过滤</button>
<div>过滤后的内容:<br>
<textarea id="after" cols="30" rows="5"></textarea>
</div>
<script>
document.getElementById('btn').onclick = function () {
var str = document.getElementById('before').value;
var reg = /(admin)|(manager)/gi;
var newStr = str.replace(reg, '*');
document.getElementById('after').value = newStr;
};
</script>
</body>
</html>