Javascript屏蔽输入框的违禁词

屏蔽违禁词,首先需要在输入文字的时候调用函数对文字进行检查

当检查到违禁词时弹出提示框并清除违禁词

实现代码如下:

<style type="text/css">
	.div textarea{
		width: 300px;
		height: 100px;
		
	}
	.div button{
		width: 70px;
		height: 40px;
		border: 0px;
		background-color:rgba(117,54,205,1.00);
		color: aliceblue;
		font-size: 18px;
		border-radius: 15px;
		margin-left: 90px;
	}
</style>

<div class='div'>
	<textarea id="text" class="form-control" aria-required="true" aria-invalid="false"></textarea><br>
	<button id="b" @click="btnSubmitClick" onClick="zh()">评论</button>	
</div>

		document.onkeydown=function() {
			setTimeout(function(){
				var div=document.getElementById('text');
				var z=/敏感词一|敏感词二|敏感词三/;
				var obj=z.exec(div.value);
				var test=z.test(div.value);
				if(test){
					alert('您的评论里有违禁词 :'+obj);
					div.value=div.value.replace(z,'');	
					div.focus();
				}; 
			},800);
		};

使用键盘的按下事件onkeydown来触发函数的调用对文本进行检查

setTimeout()定时器可以不要

然后获取对象,设定正则违禁词

用exec()函数返回违禁词. test()函数返回布尔值

判断是否为真—弹出提示框 清除违禁词 获取焦点

============================================================================