Jsp表单验证post方法输出
2016-09-28技术共享Jervois4680°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>