代码实现思路:
① 编写HTML,定义两个文本域,一个用于用户输入,另一个用于显示按照要求
替换后的过滤内容。
② 用户输入只要含有bad和任意中文字符,就利用 * 替换。
③ 查找并替换的内容规则:/(bad)|[u4e00-lu9fa5]/gi。
话不多说上代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
#t1,#t2{
border: 1px solid;
width: 400px;
height: 200px;
font-size: 20px;
}
div{
position: relative;
float: left;
}
#pass{
border: 1px solid;
margin: 250px 50px 0px 50px;
}
</style>
</head>
<body>
<div>
<h2>过滤前的内容</h1>
<textarea id="t1"></textarea>
</div>
<div><input type="button" value="过滤" id="pass"/> </div>
<div>
<h2>过滤后的内容</h1>
<textarea id="t2"></textarea>
</div>
<script type="text/javascript">
var t1=document.getElementById("t1");
var t2=document.getElementById("t2");
var pass=document.getElementById("pass");
pass.onclick=function(){
var reg=/(bad)|[\u4e00-\u9fa5]/gi;
var ttt1=t1.value;
var newtt2=ttt1.replace(reg,"*");
t2.innerHTML=newtt2;
}
</script>
</body>
</html>
运行展示