javascript进行客户端数据的校验
时间:2007-02-17 来源:PHP爱好者
//客户端对用户输入数据校验
//如果输入的内容不满足,则不提交,并且焦点自动跳到该位置。
//比发送以后在服务器端校验数据要好用的多!
〈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>
〈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>
//取自我网站的原创文学发布页面
php爱好者站 http://www.phpfans.net c/vc/c++/java.
//如果输入的内容不满足,则不提交,并且焦点自动跳到该位置。
//比发送以后在服务器端校验数据要好用的多!
〈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>
〈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>
//取自我网站的原创文学发布页面
php爱好者站 http://www.phpfans.net c/vc/c++/java.
相关阅读 更多 +