首先,先上样例展示:
代码展示:
<!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>
878
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
