<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>屏蔽敏感词</title>
<style type="text/css">
input,textarea {
width: 200px;
height: 50px;
font-size: 20px;
}
</style>
</head>
<body>
<input type="text" id="ipt">
<button id="btn">验证</button>
<br /><br />
<textarea id="ip"></textarea>
<script>
var ipt = document.getElementById('ipt');
var btn = document.getElementById('btn');
var ip = document.getElementById('ip');
btn.onclick = function() {
var value = ipt.value;
var arr = ['傻瓜']; //定义敏感词数组
//遍历数组
for (var i = 0; i < arr.length; i++) {
var reg = new RegExp(arr[i], 'g');
value = value.replace(reg, function(a) {
var str = '';
for (var j = 0; j < a.length; j++) {
str += '*';
}
return str;
});
ip.innerHTML = value; // 将input的内容赋值给textarea
}
}
</script>
</body>
</html>
效果如图