JS实现百度贴吧黄反词检索[简略版]

首先,先上样例展示:
JS实现百度贴吧黄反词检索[简略版]
代码展示:
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script type="text/javascript">
			window.onload=function(){
				 var text=document.getElementById("text");
				 var textarea=document.getElementById("textarea");
				document.getElementById("btn").onclick=function(){
					//alert("1");
					/*var c=0;*/
					
					var array=["坏蛋","杀人","校园暴力","小猪"];
					var msg = "";
					var titleHasNoContent = false;
					var contentHasNoContent = false;
					for(x in array){
						/*c++;*/
						var a=text.value.indexOf(array[x]);
						if(a>=0){
							msg += "禁止发布\n标题中含有违禁词汇["+
							array[x]
							+"]\n";
							titleHasNoContent = true;
						}
					}
					
					for(x in array)
					{
						var b=textarea.value.indexOf(array[x]);
						if(b>=0)
						{
							msg += "内容中含有违禁词汇["+
							array[x]
							+"]\n请从新编辑!"
							contentHasNoContent = true;
						}
					}
					
					if(titleHasNoContent||contentHasNoContent)
					{
						alert(msg);
						return;
					}
					else
					{
						text.value="";
					    textarea.value="";
					    alert("发布成功!");
					}		
				
			    };
			    };
		</script>
		
		<style type="text/css">
			body{
				background-size: 100% 135%;
				
				background-image:url("https://ss0.bdstatic.com/l4oZeXSm1A5BphGlnYG/skin/27.jpg?2");
			}
			div{
				width: 505px;
				height: 401px;
				margin: 200px auto;
				background-color:rgba(255,255,255,0.5);
				border: 1px solid white;
				border-radius: 5px;
				box-shadow: 0 0 1px black;
			}
			#btn{
				position: relative;
				left:229px;
			}
		</style>
	</head>
	<body>
		<div >
			<h1 align="center">个人贴吧</h1>
	
		<input placeholder="请输入标题" type="text" name="" id="text" value="" style="width: 500px; margin-bottom: 10px;"/><br />
		<textarea placeholder="请输入内容......." name="" id="textarea" style="width: 500px; height: 250px;"></textarea>
		<br />
		<button id="btn" a>发布</button>
			</div>
	</body>
</html>
JS实现百度贴吧黄反词检索[简略版]

相关推荐
