<!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=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function check()
{var i=1;//right
if(document.form1.username.value=="")
{
document.getElementById("user").innerHTML="* 用户名不能为空";
document.getElementById("user").style.color="#ff0000"
i=0;
}
else
{
document.getElementById("user").innerHTML="√";
document.getElementById("user").style.color="#32CD32";
}
if(document.form1.password1.value=="")
{
if(document.form1.password2.value=="")
{
document.getElementById("pass1").innerHTML="* 密码不能为空";
document.getElementById("pass1").style.color="#ff0000"//1
document.getElementById("pass2").innerHTML="* 密码不能为空";
document.getElementById("pass2").style.color="#ff0000"//2
i=0;
}
else
{
document.getElementById("pass1").innerHTML="* 密码不能为空!";
document.getElementById("pass1").style.color="#ff0000"//1
document.getElementById("pass2").innerHTML="";
i=0;
}
}
if(document.form1.password1.value!="")
{
if(document.form1.password2.value!="")
{
if(document.form1.password1.value!=document.form1.password2.value)
{
document.getElementById("pass1").innerHTML="* 两次密码不一致";
document.getElementById("pass1").style.color="#ff0000";
document.getElementById("pass2").innerHTML="* 两次密码不一致";
document.getElementById("pass2").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("pass1").innerHTML="√";
document.getElementById("pass1").style.color="#32CD32";
document.getElementById("pass2").innerHTML="√";
document.getElementById("pass2").style.color="#32CD32";
}
}
else
{
document.getElementById("pass1").innerHTML="";
document.getElementById("pass2").innerHTML="* 密码不能为空";
document.getElementById("pass2").style.color="#ff0000";
i=0;
}
}
if(document.form1.year.value=="")
{
document.getElementById("ye").innerHTML="* 年龄不能为空";
document.getElementById("ye").style.color="#ff0000";
i=0;
}
else
{
if(isNaN(document.form1.year.value))
{
document.getElementById("ye").innerHTML="* 年龄必须为数字";
document.getElementById("ye").style.color="#ff0000";
i=0;
}
else
{
if(parseInt(document.form1.year.value,10)<17)
{
document.getElementById("ye").innerHTML="* 年龄必须大于17岁!";
document.getElementById("ye").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("ye").innerHTML="√";
document.getElementById("ye").style.color="#32CD32";
}
}
}
if(document.form1.weight.value=="")
{
document.getElementById("wei").innerHTML="* 体重不能为空"
document.getElementById("wei").style.color="#ff0000";
i=0;
}
else
{
if(isNaN(document.form1.weight.value))
{
document.getElementById("wei").innerHTML="* 年龄必须为数字";
document.getElementById("wei").style.color="#ff0000";
i=0;
}
else
{
if(parseInt(document.form1.weight.value,10)<30||parseInt(document.form1.weight.value,10)>150)
{
document.getElementById("wei").innerHTML="* 体重必须介于30kg-50kg";
document.getElementById("wei").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("wei").innerHTML="√";
document.getElementById("wei").style.color="#32CD32";
}
}
}
if(document.form1.email.value=="")
{
document.getElementById("semail").innerHTML="* email不能为空";
document.getElementById("semail").style.color="#ff0000";
i=0;
}
else
{
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!myreg.test(document.form1.email.value))
{
document.getElementById("semail").innerHTML="* 输入有效的email地址";
document.getElementById("semail").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("semail").innerHTML="√";
document.getElementById("semail").style.color="#32CD32";
}
}
if(document.form1.telephone.value=="")
{
document.getElementById("tele").innerHTML="* 电话号码不能为空";
document.getElementById("tele").style.color="#ff0000";
i=0;
}
else
{
var reg=/1[3-8]+\d{9}/;
if(document.form1.telephone.value.length!=11||!reg.test(document.form1.telephone.value))
{
document.getElementById("tele").innerHTML="* 手机号码不合法";
document.getElementById("tele").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("tele").innerHTML="√";
document.getElementById("tele").style.color="#32CD32";
}
}
if(document.form1.qq.value=="")
{
document.getElementById("sqq").innerHTML="* qq不能为空";
document.getElementById("sqq").style.color="#ff0000"
i=0;
}
else
{
if(isNaN(document.form1.qq.value))
{
document.getElementById("sqq").innerHTML="* qq必须为数字";
document.getElementById("sqq").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("sqq").innerHTML="√";
document.getElementById("sqq").style.color="#32CD32";
}
}
if(document.form1.introduce.value=="")
{
document.getElementById("intro").innerHTML="* 简介不能为空";
document.getElementById("intro").style.color="#ff0000"
i=0;
}
else
{
document.getElementById("intro").innerHTML="√";
document.getElementById("intro").style.color="#32CD32";
}
if(i==1)
return true;
else
return false;
}
</script>
<div style="margin-left:40%; margin-top:8%; padding:2px;">
<form name="form1" method="post" action="welcome.html" οnsubmit="return check()">
用户名:
<input type="text" name="username" id="username"/> <span id="user"></span><br/>
密码:
<input type="password" name="password" id="password1"/> <span id="pass1"></span><br/>
确认密码:
<input type="password" name="password2" id="password2"/> <span id="pass2"></span><br/>
年龄:
<input type="text" name="year" id="year" /> <span id="ye"></span><br/>
体重:
<input type="text" name="weight" id="weight"/> <span id="wei"></span><br/>
班级:
<select name="cars">
<option value="122-1">122-1</option>
<option value="122-2">122-2</option>
<option value="123=1">123-1</option>
<option value="123-2">123-2</option>
</select> <span></span><br/>
电子邮件:
<input type="text" name="email" id="email"/> <span id="semail"></span><br/>
电话号码:
<input type="text" name="telephone" id="telephone" οnkeyup="value=value.replace(/[^\d{11}$)"/> <span id="tele"></span><br/>
qq号码:
<input type="text" name="qq" id="qq"/> <span id="sqq"></span><br/>
自我介绍:
<textarea name="introduce" id="introduce"></textarea> <span id="intro"></span><br/>
<input type="submit" value="提交"/>
</form>
</div>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<script type="text/javascript">
function check()
{var i=1;//right
if(document.form1.username.value=="")
{
document.getElementById("user").innerHTML="* 用户名不能为空";
document.getElementById("user").style.color="#ff0000"
i=0;
}
else
{
document.getElementById("user").innerHTML="√";
document.getElementById("user").style.color="#32CD32";
}
if(document.form1.password1.value=="")
{
if(document.form1.password2.value=="")
{
document.getElementById("pass1").innerHTML="* 密码不能为空";
document.getElementById("pass1").style.color="#ff0000"//1
document.getElementById("pass2").innerHTML="* 密码不能为空";
document.getElementById("pass2").style.color="#ff0000"//2
i=0;
}
else
{
document.getElementById("pass1").innerHTML="* 密码不能为空!";
document.getElementById("pass1").style.color="#ff0000"//1
document.getElementById("pass2").innerHTML="";
i=0;
}
}
if(document.form1.password1.value!="")
{
if(document.form1.password2.value!="")
{
if(document.form1.password1.value!=document.form1.password2.value)
{
document.getElementById("pass1").innerHTML="* 两次密码不一致";
document.getElementById("pass1").style.color="#ff0000";
document.getElementById("pass2").innerHTML="* 两次密码不一致";
document.getElementById("pass2").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("pass1").innerHTML="√";
document.getElementById("pass1").style.color="#32CD32";
document.getElementById("pass2").innerHTML="√";
document.getElementById("pass2").style.color="#32CD32";
}
}
else
{
document.getElementById("pass1").innerHTML="";
document.getElementById("pass2").innerHTML="* 密码不能为空";
document.getElementById("pass2").style.color="#ff0000";
i=0;
}
}
if(document.form1.year.value=="")
{
document.getElementById("ye").innerHTML="* 年龄不能为空";
document.getElementById("ye").style.color="#ff0000";
i=0;
}
else
{
if(isNaN(document.form1.year.value))
{
document.getElementById("ye").innerHTML="* 年龄必须为数字";
document.getElementById("ye").style.color="#ff0000";
i=0;
}
else
{
if(parseInt(document.form1.year.value,10)<17)
{
document.getElementById("ye").innerHTML="* 年龄必须大于17岁!";
document.getElementById("ye").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("ye").innerHTML="√";
document.getElementById("ye").style.color="#32CD32";
}
}
}
if(document.form1.weight.value=="")
{
document.getElementById("wei").innerHTML="* 体重不能为空"
document.getElementById("wei").style.color="#ff0000";
i=0;
}
else
{
if(isNaN(document.form1.weight.value))
{
document.getElementById("wei").innerHTML="* 年龄必须为数字";
document.getElementById("wei").style.color="#ff0000";
i=0;
}
else
{
if(parseInt(document.form1.weight.value,10)<30||parseInt(document.form1.weight.value,10)>150)
{
document.getElementById("wei").innerHTML="* 体重必须介于30kg-50kg";
document.getElementById("wei").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("wei").innerHTML="√";
document.getElementById("wei").style.color="#32CD32";
}
}
}
if(document.form1.email.value=="")
{
document.getElementById("semail").innerHTML="* email不能为空";
document.getElementById("semail").style.color="#ff0000";
i=0;
}
else
{
var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if(!myreg.test(document.form1.email.value))
{
document.getElementById("semail").innerHTML="* 输入有效的email地址";
document.getElementById("semail").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("semail").innerHTML="√";
document.getElementById("semail").style.color="#32CD32";
}
}
if(document.form1.telephone.value=="")
{
document.getElementById("tele").innerHTML="* 电话号码不能为空";
document.getElementById("tele").style.color="#ff0000";
i=0;
}
else
{
var reg=/1[3-8]+\d{9}/;
if(document.form1.telephone.value.length!=11||!reg.test(document.form1.telephone.value))
{
document.getElementById("tele").innerHTML="* 手机号码不合法";
document.getElementById("tele").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("tele").innerHTML="√";
document.getElementById("tele").style.color="#32CD32";
}
}
if(document.form1.qq.value=="")
{
document.getElementById("sqq").innerHTML="* qq不能为空";
document.getElementById("sqq").style.color="#ff0000"
i=0;
}
else
{
if(isNaN(document.form1.qq.value))
{
document.getElementById("sqq").innerHTML="* qq必须为数字";
document.getElementById("sqq").style.color="#ff0000";
i=0;
}
else
{
document.getElementById("sqq").innerHTML="√";
document.getElementById("sqq").style.color="#32CD32";
}
}
if(document.form1.introduce.value=="")
{
document.getElementById("intro").innerHTML="* 简介不能为空";
document.getElementById("intro").style.color="#ff0000"
i=0;
}
else
{
document.getElementById("intro").innerHTML="√";
document.getElementById("intro").style.color="#32CD32";
}
if(i==1)
return true;
else
return false;
}
</script>
<div style="margin-left:40%; margin-top:8%; padding:2px;">
<form name="form1" method="post" action="welcome.html" οnsubmit="return check()">
用户名:
<input type="text" name="username" id="username"/> <span id="user"></span><br/>
密码:
<input type="password" name="password" id="password1"/> <span id="pass1"></span><br/>
确认密码:
<input type="password" name="password2" id="password2"/> <span id="pass2"></span><br/>
年龄:
<input type="text" name="year" id="year" /> <span id="ye"></span><br/>
体重:
<input type="text" name="weight" id="weight"/> <span id="wei"></span><br/>
班级:
<select name="cars">
<option value="122-1">122-1</option>
<option value="122-2">122-2</option>
<option value="123=1">123-1</option>
<option value="123-2">123-2</option>
</select> <span></span><br/>
电子邮件:
<input type="text" name="email" id="email"/> <span id="semail"></span><br/>
电话号码:
<input type="text" name="telephone" id="telephone" οnkeyup="value=value.replace(/[^\d{11}$)"/> <span id="tele"></span><br/>
qq号码:
<input type="text" name="qq" id="qq"/> <span id="sqq"></span><br/>
自我介绍:
<textarea name="introduce" id="introduce"></textarea> <span id="intro"></span><br/>
<input type="submit" value="提交"/>
</form>
</div>
</body>
</html>