注册用户校验register.jsp

最新推荐文章于 2022-07-01 11:20:25 发布
最新推荐文章于 2022-07-01 11:20:25 发布
阅读量3.4k 收藏 6
点赞数 4
分类专栏： Java 开发资料
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_18808965/article/details/70284361
版权 
register.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%  String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" href="<%=basePath%>css/register.css" />
    <!-- Bootstrap -->
<link href="<%=basePath%>bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
	<!-- 引入组件文件 -->
<script type="text/javascript" src="<%=basePath%>js/jquery.js"></script>
<script type="text/javascript" src="<%=basePath%>js/loginfo.js"></script>
<script type="text/javascript" src="<%=basePath%>bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="<%=basePath%>bootstrap/js/bootstrap.min.js"></script>
<title>所有网注册</title>
</head>
<body>
	<div class="layout">
		<div class="header">...</div>
		<div class="content">
			<div class="regForm">
				<div class="regTips">
					<h4 class="style-code">账号注册</h4>
				</div>
				<div class="regInput-name">
					<form id="registerForm" action="/allismy/userReg" method="post">
					<div class="col-xs-10">
						<div class="input-group" id="has-status-user">
					    <div class="input-group-addon user-ico user-icon-login">  </div>
						<input type="text" class="form-control" name="userName" id="inputusername" placeholder="请输入用户名">
						<span class="glyphicon form-control-feedback" id="sign-status-user"></span>
						</div>
  						<span id="msg_tips_user" class="msg_name"></span>
					</div>
					<span id="reg_name_msg" class="reg_name_tips"></span>
				</div>
				<div class="regInput-pass" id="has-status-pass">
					<div class="col-xs-10">
						<div class="input-group">
					    <div class="input-group-addon user-ico user-icon-pass">  </div>
						<input type="password" class="form-control" name="passWord" id="inputPassword" placeholder="请输入密码">
						<span class="glyphicon form-control-feedback" id="sign-status-pass" aria-hidden="true"></span>
					</div>
						<span id="msg_tips_pass" class="msg_name"></span>
					</div>
				</div>
				<div class="regInput-confirm" id="has-status-pass2">
					<div class="col-xs-10">
						<div class="input-group">
					    <div class="input-group-addon user-ico user-icon-pass2">  </div>
						<input type="password" class="form-control" name="passWord2" id="inputPassword2" placeholder="请输入确认密码">
						<span class="glyphicon form-control-feedback" id="sign-status-pass2"></span>
					</div>
						<span id="msg_tips_pass2" class="msg_name"></span>
					</div>
				</div>
				<div class="regInput-email" id="has-status-email">
					<div class="col-xs-10">
						<div class="input-group">
						<div class="input-group-addon user-ico user-icon-email">  </div>
						<input type="text" class="form-control" name="E_mail" id="Regestemail" placeholder="请输入邮箱">
						<span class="glyphicon form-control-feedback" id="sign-status-email"></span>
					</div>
						<span id="msg_tips_email" class="msg_name"></span>
					</div>
				</div>
				<div class="regInput-Verifcode" id="has-status-Verifcode">
					<div class="col-xs-6">
						<div class="input-group">
						<div class="input-group-addon user-ico user-icon-verify">  </div>
						<input type="text" class="form-control" name="Verifcode" id="RegestVerifcode" placeholder="请输入验证码">
						<span class="glyphicon form-control-feedback" id="sign-status-Verifcode"></span>
					</div>
						<span id="msg_tips_Verifcode" class="msg_name"></span>
					</div>
				</div>
				<div class="regInput-submit">
				<div class="col-xs-14">
					<button type="button" class="btn btn-success btn-lg" id="all-input-submit" οnclick="validateForm()">注册</button>
				</div>
				</form>
			</div>
		</div>
		</div>
		</div>
		<div class="foot">
			<span id="rs_tips"></span>
		</div>
</body>
</html>







/**
 *loginfo.js
 * ajax 默认展示数据；
 */

$(function(){
	
	$("#inputusername").blur(function(){
		//校验用户名
		 checkUserName();
	});
	$("#inputPassword").blur(function(){
		 //校验密码
		 checkPassword();
	});
	$("#inputPassword2").blur(function(){
		 //校验两次密码一致
		checkRepassword();
	});
	$("#Regestemail").blur(function(){
		//校验邮箱
		checkMail();
	});
	$("#RegestVerifcode").blur(function(){
		//校验邮箱
		checkVerifcode();
	});
	})	
/* Created by Microsoft on 2017/4/19.*/

function validateForm(){
	     if(checkUserName()&&checkPassword()&&checkRepassword()&&checkMail()&&checkVerifcode()){
	         $('#msg_tips_user').html("恭喜您！注册成功！");
           }
}

//验证用户名（限6~18个字符，支持中英文、数字、减号或下划线）
function checkUserName(){
	var name = $("input[name='userName']").val();
    var nameRegex = /^[\\u4e00-\\u9fa5_a-zA-Z0-9-]{6,18}$/;
    if	(name == ''){
    	$("#has-status-user").addClass("has-error");
		$("#sign-status-user").addClass("glyphicon-remove");
		// 追加样式
    	$('#msg_tips_user').html("用户名不能为空");
    }else if(!nameRegex.test(name)){
    	$("#has-status-user").addClass("has-error");
		$("#sign-status-user").addClass("glyphicon-remove");
		// 追加样式
    	$('#msg_tips_user').html("限6~18个字符，支持中英文、数字、减号或下划线");
    	//$("#inputusername").focus();
    }else{
    	$("#has-status-user").removeClass("has-error");
    	$("#sign-status-user").removeClass("glyphicon-remove");
    	$("#has-status-user").addClass("has-success");
    	$("#sign-status-user").addClass("glyphicon-ok");
    	$('#msg_tips_user').html("");
    	//$("#inputPassword").focus();
        return true;
    }

}
//验证密码（长度在8个字符到16个字符）
function checkPassword(){
	var password = $("input[name='passWord']").val();
    //$("#passwordInfo").innerHTML="";
    //密码长度在8个字符到16个字符，由字母、数字和".""-""_""@""#""$"组成
    //var passwordRegex=/^[0-9A-Za-z.\-\_\@\#\$]{8,16}$/;
    //密码长度在8个字符到16个字符，由字母、数字和"_"组成
    var passwordRegex = /^[0-9A-Za-z_]\w{7,15}$/;
    if	(password == ''){
    	$("#has-status-pass").addClass("has-error");
		$("#sign-status-pass").addClass("glyphicon-remove");
		// 追加样式
    	$('#msg_tips_pass').html("密码不能为空");
    }else if(!passwordRegex.test(password)){
    	$("#has-status-pass").addClass("has-error");
		$("#sign-status-pass").addClass("glyphicon-remove");    	
    	$('#msg_tips_pass').html("密码长度必须在8个字符到16个字符之间");
    	//$("#inputusername").focus();
    }else{
    	$("#has-status-pass").removeClass("has-error");
    	$("#sign-status-pass").removeClass("glyphicon-remove");
    	$("#has-status-pass").addClass("has-success");
    	$("#sign-status-pass").addClass("glyphicon-ok");    	
    	$('#msg_tips_pass').html("");
    	//$("#inputusername2").focus();
        return true;
    }
}
//验证校验密码（两次密码一致）
function checkRepassword(){
	var repassword = $("input[name='passWord2']").val();
	var password = $("input[name='passWord']").val();
    //校验密码和上面密码必须一致
	if (repassword == ''){
		$("#has-status-pass2").addClass("has-error");
		$("#sign-status-pass2").addClass("glyphicon-remove");
		$('#msg_tips_pass2').html("确认密码不能为空");
	}else if(repassword !== password ){
    	$("#has-status-pass2").addClass("has-error");
		$("#sign-status-pass2").addClass("glyphicon-remove");
    $('#msg_tips_pass2').html("两次输入的密码不一致");
    }else{
   $("#has-status-pass2").removeClass("has-error");
    $("#sign-status-pass2").removeClass("glyphicon-remove");
    	$("#has-status-pass2").addClass("has-success");
    	$("#sign-status-pass2").addClass("glyphicon-ok");   
    	$('#msg_tips_pass2').html("");
    	return true;
    }
}
function checkMail() {
	var mail = $("input[name='E_mail']").val();
	var mailRegex  = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
	if (mail == ''){
		$("#has-status-email").addClass("has-error");
		$("#sign-status-email").addClass("glyphicon-remove");
		$('#msg_tips_email').html("邮箱不能为空");
	}else if(!mailRegex.test(mail)){ 
		$("#has-status-email").addClass("has-error");
		$("#sign-status-email").addClass("glyphicon-remove");
		$('#msg_tips_email').html("您的邮箱填写不正确!");
	}else {
		$("#has-status-email").removeClass("has-error");
    	$("#sign-status-email").removeClass("glyphicon-remove");
    	$("#has-status-email").addClass("has-success");
    	$("#sign-status-email").addClass("glyphicon-ok");   
		$('#msg_tips_email').html("");
		return true;
	}
	}
function checkVerifcode(){
	var code = $("input[name='Verifcode']").val();
	var codeLength = 4;//验证码的长度
	if (code == ''){
		 $("#has-status-Verifcode").addClass("has-error");
		 $("#sign-status-Verifcode").addClass("glyphicon-remove");
		 $('#msg_tips_Verifcode').html("请输入验证码!"); 
	 }else{
		 $("#has-status-Verifcode").removeClass("has-error");
    	 $("#sign-status-Verifcode").removeClass("glyphicon-remove");
    	 $("#has-status-Verifcode").addClass("has-success");
    	 $("#sign-status-Verifcode").addClass("glyphicon-ok");   
		 $('#msg_tips_Verifcode').html("");
		 return true; 
	 }
	 //$('#registerForm').submit();
	 }	











                

        

        

    




    

      

        

            

              
                
                  〆WangBenYan゜
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                    4
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    6
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                  1
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      

            

                专栏目录
          










                



	

		

			

				
					
00 Java项目实战之注册登录

				
			

			

				

					weixin_43762330的博客
				

				

					04-15
					
					502
					
				

			

		

		

			
				
文章目录1 JSP+Servlet实现用户注册登录1.1 项目框架分析1.2 项目框架搭建1.3 注册功能流程分析1.5 注册功能流程图1.6 给注册添加验证码1.7 服务器端表单校验1.8 登录功能分析
1 JSP+Servlet实现用户注册登录
1.1 项目框架分析
1、功能
（1）注册
（2）登录
2、JSP
（1）login.jsp：登录表单
（2）regist.jsp：注册表单
（3）i...

			
		

	



                

              
                



	

		

			

				
					
实现用户登录注册

					
最新发布

				
			

			

				

					2301_77625223的博客
				

				

					04-16
					
					118
					
				

			

		

		

			
				
【代码】选择城市。

			
		

	



                


  
              

                


	

		

			

				
					
通过demo来理解如何使用jQuery实现Ajax异步请求

				
			

			

				

					qq_44985812的博客
				

				

					04-11
					
					390
					
				

			

		

		

			
				
通过小demo来理解如何利用jQuery实现Ajax。
Ajax异步请求。

			
		

	





	

		

			

				
					
Day10JavaWeb【Jquery案例】注册时用户名校验***

				
			

			

				

					翁老师的教学团队
				

				

					09-18
					
					399
					
				

			

		

		

			
				
注册时用户名校验

用户名注册时的校验分析

(1)编写jsp页面的html表单
(2)编写jquery请求
(3)处理servlet的响应
web\register.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<html>
<head>
    <title>Title</title>
    <%-- 

			
		

	



		

			
		



	

		

			

				
					
用jquery做表单验证

				
			

			

				

					爱情来的快去的也快,只有JAVA是永恒的!!!
				

				

					09-19
					
					931
					
				

			

		

		

			
				
用jquery的json格式:以下是register.jsp中的内容 var nameFLG = false;//因为与Action中的不同步所以要设置两个全局变量控制布尔值的设置.var emailFLG = false;//因为passwrod不是异步的所以不用设全局变量.$(function() {  //在这个函数中调用下面的四个验证函数,只有四个全为真的时候才允许提交.  /

			
		

	





	

		

			

				
					
JSP程序设计实训——用户注册

				
			

			

				

					WXY19990803的博客
				

				

					02-16
					
					1962
					
				

			

		

		

			
				
用户注册

该实例的用户注册信息包含三个参数：用户名、密码、年龄。用户注册页面为 register.html，该页面提交后转到数据处理页面 register.jsp，并使用JavaBean（即 UserRegisterBean类）保存数据。
注册页面 register.html 代码如下：

<html>
	<head>
		<title>用户注册实例</...

			
		

	





	

		

			

				
					
用户注册登录

				
			

			

				

					hu19535080561的博客
				

				

					07-01
					
					328
					
				

			

		

		

			
				
用户的注册登录

			
		

	





	

		

			

				
					
JSP应用开发-用户注册功能的实现.pptx

				
			

			

				

					10-29
				

			

		

		

			
				
<a href="register.jsp" target="main">注册用户 ```  在`rec_register.jsp`中，第一步是接收来自`register.jsp`的用户输入数据。我们使用`request.getParameter()`方法来获取表单字段的值： ```jsp String name = ...

			
		

	





	

		

			

				
					
JSP用户提交页面编码

				
			

			

				

					06-30
				

			

		

		

			
				
JSP用户提交页面编码,JSP用户提交页面编码

			
		

	





	

		

			

				
					
JSP用户注册登录界面

				
			

			

				

					06-10
				

			

		

		

			
				
课程JSP中用户注册登录界面，需配合数据库一起使用。非常简单的一个登录注册与检测界面。

			
		

	





	

		

			

				
					
doRegister.jsp

				
			

			

				

					10-10
				

			

		

		

			
				
设计登录验证文件doLogin.jsp，获取客户端提交的用户名、密码，然后从user.txt中验证是否存在该用户，登录密码是否正确；

			
		

	





	

		

			

				
					
基于MVC的用户注册登录注销实例.zip

				
			

			

				

					04-19
				

			

		

		

			
				
此外，还需要对用户输入进行校验，防止SQL注入和跨站脚本攻击（XSS）。在本实例中，可能已经实现了简单的验证机制，但更安全的做法是使用预编译的SQL语句、对敏感数据进行加密等。  8. **测试与调试**：  完成代码后...

			
		

	





	

		

			

				
					
jsp 登录注册代码

				
			

			

				

					05-08
				

			

		

		

			
				
 - `register.jsp`：注册页面，包含注册表单和处理注册的服务器端代码。  - `UserService.java`：包含用户管理相关的业务逻辑方法。  - 可能还有数据库连接配置文件（如`db.properties`）和数据库连接类（如`DBUtil....

			
		

	





	

		

			

				
					
简单的jsp登录注册

				
			

			

				

					weixin_45204732的博客
				

				

					11-14
					
					1224
					
				

			

		

		

			
				
servlet+tomcat+jsp
写一个简单的登录注册  新手篇
内容包括 登录 注册 记住密码
先写两个jsp文件 register.jsp
<html>
<head>
    <title>注册</title>
    <style type="text/css">
        tr{
            height: ...

			
		

	





	

		

			

				
					
JSP开发模型

				
			

			

				

					BaiLumy的博客
				

				

					12-24
					
					307
					
				

			

		

		

			
				
1.创建项目，编写JavaBean
（1）编写UserBean类
在Eclipse中创建一个名称为chapter11的Web项目，在项目的 src目录下创建包rabbit.model2.domain,在包中定义UserBean类，用于封装用户信息。

(2）编写RegisterFormBean类
在rabbit.model2.domain包中定义RegisterFormBean类,用于封装注册表单信息



2.创建工具类
在chapter11项目的src下创建包rabbit.model2.util,在包中

			
		

	





	

		

			

				
					
使用JSP实现简单的登录注册功能，并且使用Session跟踪用户登录信息

				
			

			

				

					m0_56154713的博客
				

				

					04-05
					
					9511
					
				

			

		

		

			
				
使用JSP实现简单的登录注册功能，并且使用了Session来跟踪用户的登录信息，这个是用纯JSP来实现此功能的，由于没有连接数据库，所以使用List来模拟数据库。
第一步：创建web项目
如果有不会创建web项目的，可以点击下面这个链接去看。
idea创建第一个web项目
实现登录注册功能，用到以下7个jsp文件和两个类。

login.jsp是登录页面；
register.jsp是注册页面；
doLogin.jsp是在login.jsp页面的表单提交后在doLogin.jsp页面做效验，如果输入的用户名和

			
		

	





	

		

			

				
					
前台jsp register.jsp

				
			

			

				

					chaoyv
				

				

					08-16
					
					395
					
				

			

		

		

			
				

&lt;%@ page language="java" import="java.util.*" pageEncoding="utf-8"%&gt;
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dt

			
		

	





	

		

			

				
					
用jsp写注册页面

					
热门推荐

				
			

			

				

					Web+
				

				

					10-18
					
					1万+
					
				

			

		

		

			
				
包括单选框、多选框、session的应用，页面自动跳转，中文乱码的处理，入门级

			
		

	





	

		

			

				
					
模拟用户注册 1、为简化开发，假定用户注册信息包含3个参数：用户名、密码、年龄 2、用户注册页面register.html提交后转到数据处理页面register.jsp 3、数据处理页面register.jsp使用JavaBean即UserRegisterBean类保存数据

				
			

			

				

					03-26
				

			

		

		

			
				
5. 若校验通过，将UserRegisterBean对象保存到数据库中，并跳转到注册成功页面register_success.jsp，显示注册成功的信息。  下面是register.html的代码示例：  ``` <form action="register.jsp" method="post">  ...

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		
评论 1

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值