Jsp表单验证post方法输出
2016-09-28技术共享Jervois8765°c
A+ A-本人使用的工具为Eclipse Java EE企业集成平台，以及Tomcat7.0！
以下为本人亲自编写的代码，仅给不会者参考！
温馨提示：以下代码均为Jsp代码，不是Html代码！
注册表单
<%@ 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>Insert title here</title>
<script type="text/javascript">
function Box(js) {
//检测用户名
if(js.username.value==""){
alert("用户名为空");
return false;
}
//检测密码长度
if(js.password.value.length<=6 || js.repassword.value.length>=12){
alert("密码在6-12位之间");
return false;
}
//检测密码输入是否为一样
if(js.password.value != js.repassword.value){
alert("密码不相同，请重新输入");
return false;
}
//检测是否输入QQ
if(js.qq.value.length<=6 || js.qq.value.length>=11 && !isNaN(js.qq.value)){
alert("请检查qq号码的位数和格式是否正确");
return false;
}
//检测身份证是否正确
var id = js.id.value;
var idReg = new RegExp("^500[0-9]{15}$").test(id);
if(!idReg){
alert("身份证格式错误");
return false;
}
//检查移动手机号码格式是否正确
var phone = js.phone.value;
var phoneReg = new RegExp("^181[0-9]{8}$").test(phone);
if(!phoneReg){
alert("移动手机号码格式错误");
return false;
}
//检查邮箱格式是否正确
var email = js.email.value;
var emailReg = new RegExp("^\\w{1,}@\\w{1,}.\\w{2,}$").test(email);
if(!emailReg){
alert("电子邮件格式错误");
return false;
}
js.submit();
}
</script>
</head>
<body>
<form action="result.jsp" method="post" name="kj">
<table border="1">
<tr align="center">
<th colspan="4">用户注册</th>
</tr>
<tr align="center">
<td>头像</td>
<td colspan="3"><input type="image" name="img" src="img/logo.jpg" width="80" height="80"></td>
</tr>
<tr align="center">
<td>用户名</td>
<td colspan="3"><input type="text" name="username"></td>
</tr>
<tr align="center">
<td>密码</td>
<td><input type="password" name="password"></td>
<td>确认密码</td>
<td><input type="password" name="repassword"></td>
</tr>
<tr align="center">
<td>性别</td>
<td><input type="radio" name="sex" value="1">男<input type="radio" name="sex" value="2">女</td>
<td>QQ号码</td>
<td><input type="text" name="qq"></td>
</tr>
<tr align="center">
<td>身份证号</td>
<td colspan="3"><input type="text" name="id"></td>
</tr>
<tr align="center">
<td>移动号码</td>
<td><input type="text" name="phone"></td>
<td>电子邮件</td>
<td><input type="text" name="email"></td>
</tr>
<tr align="center">
<td colspan="4"><input type="button" value="提交" onclick="Box(kj)"><input type="reset" value="重置"></td>
</tr>
</table>
</form>
</body>
</html>输出表单
<%@ 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>Insert title here</title>
</head>
<body>
<%
//request内置对象保持了客户端表单输入的控件的名和值
request.setCharacterEncoding("UTF-8");
String username=request.getParameter("username");
String password=request.getParameter("password");
String qq=request.getParameter("qq");
String id=request.getParameter("id");
String phone=request.getParameter("phone");
String email=request.getParameter("email");
%>
<table border="1">
<tr>
<th colspan="2">收到的数据</th>
</tr>
<tr>
<td>用户名</td>
<td><%=username %></td>
</tr>
<tr>
<td>密码</td>
<td><%=password %></td>
</tr>
<tr>
<td>QQ号码</td>
<td><%=qq %></td>
</tr>
<tr>
<td>身份证</td>
<td><%=id %></td>
</tr>
<tr>
<td>移动号码</td>
<td><%=phone %></td>
</tr>
<tr>
<td>电子邮件</td>
<td><%=email %></td>
</tr>
</table>
</body>
</html>
