留言板的留言表单位于 index.php 页面的下面部分,在显示完当前页的留言信息后显示留言表单以供来访用户输入并提交留言:
<form id="form1" name="form1" method="post" action="submiting.php" onSubmit="return InputCheck(this)"> <h3>发表留言</h3> <p> <label for="title">昵 称:</label> <input id="nickname" name="nickname" type="text" /><span>(必须填写,不超过16个字符串)</span> </p> <p> <label for="title">电子邮件:</label> <input id="email" name="email" type="text" /><span>(非必须,不超过60个字符串)</span> </p> <p> <label for="title">留言内容:</label> <textarea id="content" name="content" cols="50" rows="8" ></textarea> </p> <input type="submit" name="submit" value=" 确 定 " /> </form>
JavaScript 检测代码用于检测表单信息是否填写完整。本留言板例子中,要求留言者必须输入昵称及留言内容,而对于电子邮件可以不用必须输入:
<script language="JavaScript"> function InputCheck(form1) { if (form1.nickname.value == "") { alert("请输入您的昵称。"); form1.nickname.focus(); return (false); } if (form1.content.value == "") { alert("留言内容不可为空。"); form1.content.focus(); return (false); } } </script>
需要说明的是,Javascript 检测代码只是在当前页面友好的提醒用户将必须填写的信息填写完整,但不能保证提交到处理页面的信息也是完整的(如浏览器可以禁用 Javascript 代码而使之失效)。因此在处理表单信息的 PHP 程序里仍需对表单信息做检测。