注册的验证包括客户端与服务器端

最新推荐文章于 2021-01-07 00:06:18 发布

jialiangliang

最新推荐文章于 2021-01-07 00:06:18 发布

阅读量242

点赞数

文章标签： java javascript ViewUI

本文详细介绍了在注册页面中实现客户端与服务器端的验证机制，包括用户名、密码、确认密码和邮箱的合法性检查。服务器端通过正则表达式对邮箱格式进行验证，并在提交表单前确保所有字段的正确性和一致性。

关于注册页面的验证工作包括客户端与服务器端：
register.jsp，代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8" isELIgnored="false"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>注册验证</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  </head> <script type="text/javascript"> function isUsernameLegal(){ var username = document.getElementById("username").value; if(username == null || username == ""){ alert("用户名不能为空!"); return false; } return true; } function isPasswordLegal(){ var password = document.getElementById("password").value; if(password == null || password == ""){ alert("密码不能为空!"); return false; }else if(password.length < 8){ alert("密码长度小于8位!"); return false; } return true; } function isRepasswordLegal(){ var repassword = document.getElementById("repassword").value; var password = document.getElementById("password").value; if(repassword != password){ alert("两次密码不一致!"); return false; } return　true; } function isEmailLegal(){ var email = document.getElementById("email").value; var regEx = /^[a-zA-Z0-9]+@[a-zA-Z0-9_-]+(\.[a-zA-Z_-]+)+$/; if(email == null || email == ""){ alert("邮箱不能为空!"); return false; }else if(!regEx.test(email)){ alert("邮箱格式不正确！"); return false; } return true; } function check(){ if(!isUsernameLegal()){ return false; }else if(!isPasswordLegal()){ return false; }else if(!isRepasswordLegal()){ return false; }else if(!isEmailLegal()){ return false; } return true; } </script> <body> <form action="recheck1.jsp" method="post" onSubmit="return check();"> <fieldset> <legend>注册</legend> 用户名： <input type="text" name="username" id="username"/><br/> 密码： <input type="text" name="password" id="password"/><br/> 确认密码： <input type="text" name="repassword" id="repassword"/><br/> 邮箱： <input type="text" name="email" id="email"/><br/> <input type="submit" value="注册"/> </fieldset> </form> </body> </html>
服务器端验证，recheck1.jsp,代码如下：
<%@ page language="java" import="java.util.*,java.util.regex.*" pageEncoding="utf-8" isELIgnored="false"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; %> <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <base href="<%=basePath%>"> <title>服务端验证</title> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache"> <meta http-equiv="expires" content="0"> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="This is my page">  </head> <% String username = request.getParameter("username"); String password = request.getParameter("password"); String email = request.getParameter("email"); boolean validate = false; if(email != null){ String regex = "([a-zA-Z0-9]-*){1,}[0-9]{0,}@(([a-zA-Z0-9]-*){1,}\\.){1,3}[a-zA-Z\\-]{1,}"; Pattern pattern = Pattern.compile(regex); Matcher matcher = pattern.matcher(email); validate = matcher.matches(); } pageContext.setAttribute("username",username); pageContext.setAttribute("password",password); pageContext.setAttribute("email",email); pageContext.setAttribute("validate",validate); %> <body> <c:if test="${empty pageScope.username || pageSocpe.username == ''}"> <div>用户名不能为空！</div> </c:if> <c:if test="${empty pageScope.password || pageScope.password == ''}"> <div>密码不能为空！</div> </c:if> <c:if test="${pageScope.validate == false}"> <div>邮箱格式不正确！</div> </c:if> </body> </html>