表单递交合法性检测
作者：未知 来源：未知 添加时间：2006-5-21 10:30:23程序及讲解如下：
<head>
<script language="javaScript">
function validateForm() {
//定义函数
var ok=true
if (document.myForm.userName.value=="") {
ok=false
alert("姓名没有填写!")
//如果username(姓名文本框的名字)为空，将OK置为false，警告返回;
document.myForm.userName.focus()
//将光标聚焦在姓名框内，小特性，仅仅为了方便，与检测无关。
}
var foundAt = document.myForm.eMail.value.indexOf("@",0)
if (foundAt < 1 && ok) {
ok = false
alert ("电子邮件应该含 @ 字符!")
//如果不含@字符但姓名已经填写，将OK置为false，警告返回。
document.myForm.eMail.focus()
//将光标聚焦在邮箱框内。
}
if (ok==true) {
document.myForm.submit()
alert ("表单填写完毕，感谢！")
// location.href=history.back()
//如果全部检测通过，发出感谢信息并完成递交处理。通常这里可能需要返回上一步，可以加上上面的一句话。
}
}
</script>
</head>
<body>
<form name="myForm">
<p align="center">您的姓名:
<input type="text" name="userName" size="20">
电子邮件:
<input type="text" name="eMail" size="20">
<input type="button" value="Submit" onClick="validateForm()" name="button">
<input type="reset" value="Clear" name="reset">
</p>
</form>
</body>
紫色部分为说明，通常表单递交后需要交给cgi或asp程序去处理，这里仅仅是演示。交给CGI/ASP程序处理是通过action="cgi-bin/submit.cgi"来进行的。当然你也可以通过电子邮件来处理，方法是：action="mailto:yourmail@mailserver.com" enctype="text/plain"
此外，注意form的名字是myForm前后要一致。各个表单项目的名字(name项)前后也要一致。
注意：<input type="button" value="Submit" onClick="validateForm()" name="button">
不是一般的submit按钮，而是普通的button，因为上面用到了document.myForm.submit()的方法。
站内搜索