<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>註冊頁面</title>
</head>
<script type="text/javascript">
//表單的校驗
function checkForm(){
//用戶名不能爲空
var username = document.form1.username.value;
if(username.trim() == ""){
alert("用戶名不能爲空");
return false;
}
//密碼格式
var password = document.form1.password.value;
if(password.trim()==""||password.length < 6){
alert("密碼不能少於6位");
return false;
}
//兩次密碼要一致
var repassword = document.form1.repassword.value;
if(password != repassword){
alert("兩次密碼不一致");
return false;
}
//暱稱不能爲空
var nickname = document.form1.nickname.value;
if(nickname.trim() == ""){
alert("暱稱不能爲空");
return false;
}
//郵箱格式
var email = document.form1.email.value;
if(!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email)){
alert("郵箱格式不正確");
return false;
}
}
</script>
<body>
<h4>用戶註冊頁面</h4>
<font color="red">${ requestScope.msg }</font>
<form name="form1" action="${ pageContext.request.contextPath }/reguser" method="post" onsubmit="return checkForm()">
<table border="1" width="50%" cellpadding="10">
<tr>
<td>用戶名</td>
<td>
<input type="text" name="username"/>
</td>
</tr>
<tr>
<td>密碼</td>
<td>
<input type="password" name="password">
</td>
</tr>
<tr>
<td>確認密碼</td>
<td>
<input type="password" name="repassword">
</td>
</tr>
<tr>
<td>暱稱</td>
<td>
<input type="text" name="nickname">
</td>
</tr>
<tr>
<td>郵箱</td>
<td>
<input type="text" name="email">
</td>
</tr>
<tr>
<td>驗證碼</td>
<td>
<input type="password" name="checkcode"><img src="">
</td>
</tr>
<tr >
<td align="center">
<input type="submit" value="註冊">
</td>
</tr>
</table>
</form>
</body>
</html>