<%@ 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>用户注册的form表单（加校验）
猜你喜欢
转载自blog.csdn.net/Tommy5553/article/details/86427763
今日推荐
周排行