提交成功后转向另一页
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=gb2312" />
<title>表单验证综合实例</title>
<style type="text/css">
<!--
.table1px {
border-top-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-top-color: #003366;
border-right-color: #003366;
}
.table1px td {
border-bottom-width: 1px;
border-left-width: 1px;
border-bottom-style: solid;
border-left-style: solid;
border-bottom-color: #003366;
border-left-color: #003366;
text-decoration: none;
padding: 5px;
}
.txt1 {
font-size: 14px;
color: #003366;
}
.txt2 {
font-size: 12px;
color: #999999;
}
.input1 {
font-size: 16px;
color: #FF0000;
background-color: #FFFFCC;
border: 1px solid #990000;
}
.input2 {
font-size: 16px;
color: #000000;
background-color: #CCCCCC;
border: 1px solid #666666;
}
.inputText {
background-color: #FFC;
border: 1px solid #FC0;
height: 20px;
width: 160px;
}
.inputText2 {
background-color: #FFF;
border: 1px solid #FC0;
height: 20px;
width: 160px;
}
-->
</style>
<script type="text/javascript">
function check_uname()
{
//alert(iserr);
var ff = document.form123;
var reg = //w{4,10}/;
if (!reg.test(ff.uname.value))
{
showIDHTML("uname_tag","<img
src='wrong.gif'> <font color=red>用户名长度在4-10位之
间</font>");
return false;
}
else
{
showIDHTML("uname_tag","<img
src='pass.gif'>");
return true;
}
}
function check_upwd()
{
//alert(iserr);
var ff = document.form123;
if (ff.upwd.value.length <6)
{
showIDHTML("upwd_tag","<img
src='wrong.gif'> <font color=red>密码长度最低为6位
</font>");
return false;
}
else
{
showIDHTML("upwd_tag","<img
src='pass.gif'>");
return true;
}
}
function check_upwd2()
{
var ff = document.form123;
if((ff.upwd.value != ff.upwd2.value) ||
(ff.upwd2.value == ""))
{
showIDHTML("upwd2_tag","<img
src='wrong.gif'> <font color=red>确认密码不一致
</font>");
return false;
}
else
{
showIDHTML("upwd2_tag","<img
src='pass.gif'>");
return true;
}
}
function check_usex()
{
var ff = document.form123;
if((ff.usex[0].checked == false) && (ff.usex
[1].checked == false))
{
showIDHTML("usex_tag","<img
src='wrong.gif'> <font color=red>请选择性别
</font>");
return false;
}
else
{
showIDHTML("usex_tag","<img
src='pass.gif'>");
return true;
}
}
function check_umail()
{
var ff = document.form123;
//if (ff.umail.value.indexOf("@") == -1)
var reg = //w+([-+.]/w+)*@/w+([-.]/w+)*/./w+
([-.]/w+)*/;
if (!reg.test(ff.umail.value))
{
showIDHTML("umail_tag","<img
src='wrong.gif'> <font color=red>邮箱格式不正确
</font>");
return false;
}
else
{
showIDHTML("umail_tag","<img
src='pass.gif'>");
return true;
}
}
function check_uage()
{
var ff = document.form123;
if ((isNaN(ff.uage.value)) || (ff.uage.value ==
""))
//isNaN()测试是否为数字,如果是返回false,如果不
是返回true
{
showIDHTML("uage_tag","<img
src='wrong.gif'> <font color=red>年龄为空或非数字
</font>");
return false;
}
else
{
showIDHTML("uage_tag","<img
src='pass.gif'>");
return true;
}
}
function showcode()
{
sjs = new String();
for(i=0;i<4;i++)
{
var code=Math.floor(Math.random()*10);
sjs += code.toString();
}
showIDHTML("code","<font color=red>" +sjs+
"</font>");
return sjs;
}
function checkcode()
{
var cv = document.form123.anycode.value;
if(cv != "")
{
if (cv != sjs)
{
showIDHTML("code_tag","<font
color=red>验证码错误</font>");
return false;
}
else
{
showIDHTML("code_tag","<img
src='pass.gif'>");
return true;
}
}
else
{
showIDHTML("code_tag","<font color=red>请输
入验证码</font>");
return false;
}
}
function showIDHTML(xid,content)
{
document.getElementById(xid).innerHTML=
content;
}
function checkform()
{
var tt = true;
tt = tt && check_uname();
tt = tt && check_upwd();
tt = tt && check_upwd2();
tt = tt && check_usex();
tt = tt && check_umail();
tt = tt && check_uage();
if(!tt)
{
alert("请返回检查");
return false;
}
}
</script>
</head>
<body οnlοad="showcode()">
<h1 align="center">用户注册页面</h1>
<form name="form123" action="checkok.html"
method="get" οnsubmit="return checkform()">
<table width="500" border="0" align="center"
cellpadding="0" cellspacing="0" class="table1px">
<tr>
<td width="90" align="right" class="txt1">用户
名:</td>
<td width="180"><input name="uname" type="text"
class="inputText" id="uname" maxlength="10"
οnmοuseοver="this.className='inputText2'"
οnmοuseοut="this.className='inputText'"
οnblur="check_uname()" /></td>
<td class="txt2"><span id="uname_tag">用户名长度
在4-10位之间</span></td>
</tr>
<tr>
<td align="right" class="txt1">密码:</td>
<td><input name="upwd" type="password"
class="inputText" id="upwd" maxlength="12"
οnmοuseοver="this.className='inputText2'"
οnmοuseοut="this.className='inputText'"
οnblur="check_upwd()" /></td>
<td class="txt2"><span id="upwd_tag">密码长度最低
为6位</span></td>
</tr>
<tr>
<td align="right" class="txt1">重复密码:</td>
<td><input name="upwd2" type="password"
class="inputText" id="upwd2" maxlength="12"
οnmοuseοver="this.className='inputText2'"
οnmοuseοut="this.className='inputText'"
οnblur="check_upwd2()" /></td>
<td class="txt2"><span id="upwd2_tag">请确认刚才
输入的密码</span></td>
</tr>
<tr>
<td align="right" class="txt1">性别:</td>
<td><input name="usex" type="radio" value="1"
οnclick="check_usex()" />
男
<input name="usex" type="radio" value="0"
οnclick="check_usex()" />
女</td>
<td class="txt2"> <span id="usex_tag">
</span></td>
</tr>
<tr>
<td align="right" class="txt1">邮箱:</td>
<td><input name="umail" type="text"
class="inputText" id="umail"
οnmοuseοver="this.className='inputText2'"
οnmοuseοut="this.className='inputText'"
οnblur="check_umail()" /></td>
<td class="txt2"><span id="umail_tag">请输入正确
的邮箱格式</span></td>
</tr>
<tr>
<td align="right" class="txt1">年龄:</td>
<td><input name="uage" type="text"
class="inputText" id="uage"
οnmοuseοver="this.className='inputText2'"
οnmοuseοut="this.className='inputText'"
οnblur="check_uage()" /></td>
<td class="txt2"><span id="uage_tag">请输入您的年
龄</span></td>
</tr>
<tr>
<td align="right" class="txt1">验证码:</td>
<td><input name="anycode" type="text"
id="anycode" size="16" class="inputText"
οnmοuseοver="this.className='inputText2'"
οnmοuseοut="this.className='inputText'"
οnblur="checkcode()" /></td>
<td><span id="code"></span>
<a href="#" οnclick="showcode()"><span id="F5code"
class="txt2">看不清?点击刷新</span></a>
<span id="code_tag" class="txt2"></span>
</td>
</tr>
<tr>
<td colspan="3" align="center"><input
name="Submit" type="submit" class="input1" value="提
交" />
<input name="reset" type="reset" class="input2"
id="reset" value="重置" /></td>
</tr>
</table>
</form>
</body>
</html>