<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>图书劫匪</title>
		<script type="text/javascript">
			function isvildate(form)
			{
				userid = form.userid.value;
				uesrname = form.username.value;
				userpass = form.userpass.value;
				userpass2 = form.userpass.value;
				
				//判断用户名称长度
				if(!minLength(userid,6))
				{
					alert("用户名称小于六位数")；
					form.userid.focus();
					return false;
				}
				if(!maxLength(uersid,8))
				{
					alert("用户名称大于八位")；
					form.userid.focus();
					return false;
				}
				
				// 判断用户名长度
				if(!minLength(username,2)) 
				{ 
				alert("用户名长度小于 2 位！"); 
				form.username.focus(); 
				return false; 
				} 
				if(!maxLength(username,10)) 
				{ 
				alert("用户名长度大于 10 位！"); 
				form.username.focus(); 
				return false; 
				} 
				
				// 判断口令长度
				if(!minLength(userpass,6)) 
				{ 
				alert("口令长度小于 6 位！"); 
				form.userpass.focus(); 
				return false; 
				} 
				if(!maxLength(userpass,8)) 
				{ 
				alert("口令长度大于 8 位！"); 
				form.userpass.focus(); 
				return false; 
				} 
				
				if(userpass != userpass2)
				{
					alert("两次输入不同")；
					return false;
				}
			}
			
		</script>
	</head>
	<body>
		<h2 align="center">注册界面</h2>;
		<form name="form1" action="" method="">
			<table align="center">
			 <tr> 
			 <td> 用户 ID：</td> 
			 <td><input type="text" name="userid">6-8 位 </td> 
			 </tr> 
			 <tr> 
			 <td> 用户名：</td> 
			 <td><input type="text" name="username">2-10 位</td> 
			 </tr> 
			 <tr> 
			 <td> 口令：</td> 
			 <td><input type="password" name="userpass">6-8 位，不能与用户 ID 相同</td> 
			 </tr> 
			 <tr> 
			 <td> 确认口令：</td> 
			 <td><input type="password" name="userpass2"></td> 
			 </tr> 
			 <tr> 
			 <td> 生日：</td> 
			 <td><input type="text" name="birthday">格式为：1988-1-1</td> 
			 </tr> 
			 
			 
			 <tr> 
			 <td> 学历：</td> 
			 <td> 
			 <input type="radio" name="degree" value="专科">专科 
			 <input type="radio" name="degree" value="本科" checked>本科
			 <input type="radio" name="degree" value="硕士研究生">硕士研究生
			 <input type="radio" name="degree" value="博士研究生">博士研究生
			 <input type="radio" name="degree" value="其他">其他
			 </td> 
			 <!-- //radio表示单选框，然后name相同就可以从name相同的属性中选取一个 -->
			 </tr> 
			 
			 
			 <tr> 
			 <td> 地区：</td> 
			 <td> 
			 <select name="local"> 
			 <option value="华东">华东</option> 
			 <option value="华南">华南</option> 
			 <option value="华北">华北</option> 
			 <option value="东北" selected>东北</option> 
			 <option value="东南">东南</option> 
			 <option value="西南">西南</option> 
			 <option value="西北">西北</option> 
			 <option value="华中">华中</option> 
			 </select> 
			 </td> 
			 </tr> 
			 <tr> 
			 <td> E-mail:</td> 
			 <td><input type="text" name="email"></td> 
			 </tr> 
			 <tr> 
			 <td> 地址：</td> 
			 <td><input type="text" name="address"></td> 
			 </tr> 
			 <tr> 
			 <td> 电话：</td> 
			 <td><input type="text" name="phone"> 
			数字和连字符，例如 88223322-123</td> 
			 </tr> 
			 <tr> 
			 <td> 备注：</td> 
			 <td> <textarea rows="8" name="comment" cols="40"></textarea></td> 
			 </tr> 
			 <tr> 
			 <td> <input type="reset" value="重置"></td> 
			 <td> <input type="submit" value="提交"></td> 
			 </tr> 
			 
			 
			 <table> 
			 
			 
			 
			
		</form>
	</body>
</html>