仔细想了想:有三点可以参考
直接上代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<title>提交表单页</title>
<script type="text/javascript">
function myCheck()
{
for(var i=0;i<document.form1.elements.length-1;i++)
{
if(document.form1.elements[i].value=="")
{
alert("当前表单不能有空项");
document.form1.elements[i].focus();
return false;
}
}
return true;
}
</script>
</head>
<body>
<form name="form1" method="post" action="page2.html" οnsubmit="return myCheck()">
用户名:<input type="text" name="username"><br>
性别:<input type="text" name="sex"><br>
出生时间:<input type="text" name="birthday"><br>
<input type="submit" value="提交">
</form>
</body>
</html>
________________________________________________________________________________________________________________________________
2.
<%--
网站: <a href="http://www.crazyit.org">疯狂Java联盟</a>
author yeeku.H.lee kongyeeku@163.com
version 1.0
Copyright (C), 2001-2014, yeeku.H.Lee
This program is protected by copyright laws.
Program Name:
Date:
--%>
<%@ page contentType="text/html;charset=GBK" errorPage="error.jsp"%>
<!DOCTYPE html>
<html>
<head>
<meta name="author" content="Yeeku.H.Lee(CrazyIt.org)" />
<meta http-equiv="Content-Type" content="text/html; charset=GBK" />
<title> 注册用户 </title>
</head>
<body>
<center>
<div style="width:540px;border:1px solid black;background-color:#ddd">
<form id="regForm" method="post" action="reg.do">
<span style="color:red">
${requestScope.tip}
</span>
<hr/>
<table>
<tr>
<td colspan="2" align="center">
请输入用户名和密码完成注册
</td>
</tr>
<tr>
<td>用户名:</td>
<td><input id="name" type="text" name="name" required="true"/></td>
</tr>
<tr>
<td>密 码:</td>
<td><input id="pass" type="password" name="pass" required="true"/></td>
</tr>
<tr>
<td colspan="2" align="center">
<input type="submit" value="提交"/>
<input type="reset" value="重设"/>
</td>
</tr>
</table>
<br/>
<div align="center">
<a href="index.jsp">登录</a>
</div>
</form>
</div>
</center>
<script type="text/javascript">
function check()
{
var name = document.getElementById("name");
var pass = document.getElementById("pass");
var errStr = "";
if (name.value == "" || name.value == null)
{
errStr += "用户名不能为空\n";
}
if (pass.value == "" || pass.value == null)
{
errStr += "密码不能为空\n";
}
if (errStr == "" || errStr == null)
{
return true;
}
alert(errStr);
return false;
}
document.getElementById("regForm").onsubmit = check;
</script>
</body>
</html>
3.权威版: