//作者:叨叨
//email:pjzhp@263.net
//客户端对用户输入数据校验
//如果输入的内容不满足,则不提交,并且焦点自动跳到该位置。
//比发送以后在服务器端校验数据要好用的多!
脚本代码:
<script language="JavaScript"
<!--
function Juge(theForm)
{
if (theForm.title.value == "")
{
alert("请输入标题!");
theForm.title.focus();
return (false);
}
if (theForm.detail.value == "")
{
alert("请输入内容!");
theForm.detail.focus();
return (false);
}
if (theForm.name.value == "")
{
alert("请输入作者!");
theForm.name.focus();
return (false);
}
if (theForm.email.value == "")
{
alert("请输入信箱!");
theForm.email.focus();
return (false);
}
}
--
</script
html网页代码:
<html
<head
<title文章发布</title
<link rel="stylesheet" type="text/css" href="style.css"
</head
<body bgcolor=#fafee9
<center原创文章投稿处</center
<br<center<font color=red此处严禁发表转载或者抄袭的文章!</font</center
<form name="form1" method="post" action="pub_ok.php" onsubmit="javascript:return Juge(this);"
<table width="90%" border="0" cellspacing="1" cellpadding="1" align="center"
<tr
<td
您的姓名:<input type=text name=name size=30
</td
</tr
<tr
<td
您的信箱:<input type=text name=email size=30
</td
</tr
<tr
<td
文章标题:<input type="text" name=title size="50"
</td
</tr
<tr
<td
文章内容:<br<textarea name=detail style="width=80%;height=180px;"</textarea
</td
</tr
<tr
<td
一些说明:<br<textarea name=demo style="width=80%;height=80px;"</textarea
</td
</tr
<tr
<td<input type="submit" name="pub" value="发布您的作品"</td
</tr
</table
</form
<p
</body
</html
//取自我网站的原创文学发布页面。