源代码:
Register.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册页面</title>
<script type="text/javascript">
function check(form) {
with (form) {
if (username.value == "") {
alert("用户名不能为空");
return false;
} else if (password.value == "" || password1.value == "") {
alert("密码不能为空");
return false;
} else
return true;
}
}
</script>
<style>
.a {
border: 2px solid #a1a1a1;
padding: 10px 40px;
/* background:#dddddd; */
width: px;
border-radius: 25px;
}
#bk {
border: 3px solid #a1a1a1;
padding: 10px 60px;
/* background:#dddddd; */
width: px;
border-radius: 25px;
}
.button {
background-color: #ff8433;
border: none;
color: white;
padding: 5px 10px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 2px 2px;
cursor: pointer;
}
table{
margin: auto;
}
</style>
</head>
<body>
<br>
<br>
<br>
<h3 align="center">注册页面</h3>
<hr>
<form action="Rservlet" method="post"
onsubmit="return check(this);">
<div style="text-align: center;">
<table>
<tr>
<td>用户名</td>
<td><input id="bk" type="text" name="username" placeholder="6-12字母数字|字母开头" ></td>
</tr>
<tr>
<td>密码</td>
<td><input id="bk" type="password" name="password"placeholder="由6位英文和数字组成"></td>
</tr>
<tr>
<td>姓名</td>
<td><input id="bk" type="text" name="name"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female</td>
</tr>
<tr>
<td>手机号</td>
<td><input id="bk" type="text" name="phone"></td>
</tr>
<tr>
<td>地区</td>
<td><select style="width:200px;hight:20px;" name="place">
<option value="天津">天津</option>
<option value="河北">河北</option>
<option value="北京">北京</option>
<option value="唐山">唐山</option>
</select></td>
</tr>
<tr>
<td>邮箱</td>
<td><input id="bk" type="text" name="email"></td>
</tr>
<tr>
<td></td>
<td><input class ="button" type="submit" value="注册">
<input class ="button" type="reset" value="重置"></td>
</tr>
</table>
</div>
</form>
</body>
</html>
login.jsp
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>注册页面</title>
<script type="text/javascript">
function check(form) {
with (form) {
if (username.value == "") {
alert("用户名不能为空");
return false;
} else if (password.value == "" || password1.value == "") {
alert("密码不能为空");
return false;
} else
return true;
}
}
</script>
<style>
.a {
border: 2px solid #a1a1a1;
padding: 10px 40px;
/* background:#dddddd; */
width: px;
border-radius: 25px;
}
#bk {
border: 3px solid #a1a1a1;
padding: 10px 60px;
/* background:#dddddd; */
width: px;
border-radius: 25px;
}
.button {
background-color: #ff8433;
border: none;
color: white;
padding: 5px 10px;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 2px 2px;
cursor: pointer;
}
table{
margin: auto;
}
</style>
</head>
<body>
<br>
<br>
<br>
<h3 align="center">注册页面</h3>
<hr>
<form action="Rservlet" method="post"
onsubmit="return check(this);">
<div style="text-align: center;">
<table>
<tr>
<td>用户名</td>
<td><input id="bk" type="text" name="username" placeholder="6-12字母数字|字母开头" ></td>
</tr>
<tr>
<td>密码</td>
<td><input id="bk" type="password" name="password"placeholder="由6位英文和数字组成"></td>
</tr>
<tr>
<td>姓名</td>
<td><input id="bk" type="text" name="name"></td>
</tr>
<tr>
<td>性别</td>
<td><input type="radio" name="sex" value="male">Male
<input type="radio" name="sex" value="female">Female</td>
</tr>
<tr>
<td>手机号</td>
<td><input id="bk" type="text" name="phone"></td>
</tr>
<tr>
<td>地区</td>
<td><select style="width:200px;hight:20px;" name="place">
<option value="天津">天津</option>
<option value="河北">河北</option>
<option value="北京">北京</option>
<option value="唐山">唐山</option>
</select></td>
</tr>
<tr>
<td>邮箱</td>
<td><input id="bk" type="text" name="email"></td>
</tr>
<tr>
<td></td>
<td><input class ="button" type="submit" value="注册">
<input class ="button" type="reset" value="重置"></td>
</tr>
</table>
</div>
</form>
</body>
</html>