<!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="register_confirm.jsp" method="post" onsubmit="return isValidate(form1)">
<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>
浙公网安备 33010602011771号