关于<验证码>的实现和执行流程

最新推荐文章于 2023-12-28 14:04:20 发布

hzc543806053

最新推荐文章于 2023-12-28 14:04:20 发布

阅读量1w

点赞数 3

分类专栏： Jsp & Servlet 文章标签： function string 服务器 input stylesheet session

本文链接：https://blog.csdn.net/hzc543806053/article/details/7583005

版权

Jsp & Servlet 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

验证码是一个很常见的一个功能，验证码可以防止黑客通过某种手段无间隔的注册等等

验证码是通过服务器端生成的一张图片，传到客户端

具体实现步骤（流程）：

1）由服务器端比如servlet，随机产生几个字符数字等等，把这几个字符拼接成一个字符串，存到session域中

2）以图片的方式传给客户端，验证码上的具体值是在服务器端验证的，如果具体值在客户端验证的话，恐怕不太方便比如第一次访问静态登录界面的话，去取session的值是为空的，除非你再次刷新整个页面

3）客户端对验证码，验证是否为空，输入的字符的长度是否达到标准，

4）把输入的验证码传到服务器端，服务端在session中取到值，做具体判断

5）根据输入对否，跳转到另一界面，如果输入错误，一般跳回当前界面，验证码改变又被刷新一次

具体实现的页面：

产生验证码的 Response_3类参考-------->点击打开链接

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
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>My JSP 'ValidateLogin.jsp' starting page</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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->

  </head>

 <BODY style="background-color:66CCFF" >
 <table cellspacing="10"
 border=1 background="" align="center">
 <tr>
 <td>

 <b  style="font-size:20;color:green;" >会员--登录</b>
 <hr width=220 align=left>
  
  <form name=form1 Action="LoginServlet" method="get"  >
  

  
  <br />
   用户名：
   <input type="text" name="usename" value=543806053@qq.com size=19 maxlength=16 />
   <br />
   <br />
   密  码：
   <input type="password" name="password" maxlength=16 />
   <br /><br />
   认证码： <input type="text" name="validateValue" size=19  οnblur="checkVlidte(this)"/><br>
   
   <img id="image" src="servlet/Response_3"/> 
   <a href="javascript:changeimage()" >看不清?换一张</a>
   <br /><br />

   
   <br /><br />
            <input type="submit" value="登录"/>
     <input type="reset" value="重置" />
   <hr width=220 align=left>
  </form>
  </td>
  </tr>

 </table>


  </body>
  
  <script type="text/javascript">
   function validate_required(field,alerttxt)
   {
        with(field)
		{
		     
			 /*if(value==null||value=="")
			 {
			     alert(alerttxt);
			     return false ;
			 }
			 else   
			     return true ;
			 */

			 i = value.indexOf("@");  //邮箱认证
			 j = value.lastIndexOf(".");
             if(i < 1 || j-i <2)
			 {
			     alert(alerttxt) ;
				 return false ;
			 }
			 else
			     return true ;
		}
   }
   
   function password_validate (_pass,alerttxt)
   {
       with(_pass)
	   {
	        if(value!="")
			   return true ;
		    else
			{ 
			   alert(alerttxt) ;
			   return false ;
            }
	   }
   }


   function validate_form(thisform)
   {
        with(thisform)
		{
		     if(validate_required(name1,"请输入有效的邮箱账号！") == false)
			 {
			      name1.focus();
				  return false ;
			 }

			 if(password_validate(pass,"请输入正确的密码！") == false)
			 {
			      pass.focus();
				  return false ;
			 }
			      
		}
   }

  </script>

  <script type="text/javascript">

   function proving()
   {
       if(form1.pass.value!="")
	      window.open("http://www.baidu.com/","_self");
	   else
	      window.open("http://www.google.com/","_self");

      
   }

  </script>

<!--认证码按钮脚本-->
  <script type="text/javascript">
      function changeimage()
      {
	     var img = document.getElementById("image") ;
		 if(img)
           img.src=img.src+ "?" + new Date().getTime();
      }

	  function checkVlidte(object)
	  {
	      
	      if(object.value.length != 4 )
		  {
		     alert("验证码错误！");

			 //object.focus() ;//重新定位到该输入框
			 //object.select() ;//把已有的内容选中
		  }
	  }

  </script>
  
</html>

服务器端验证，这里只对验证码进行验证

package cn.request;

import java.io.IOException;
import java.io.PrintWriter;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
//主要 服务器端验证码 的验证
public class LoginServlet extends HttpServlet {

	public void doGet(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		this.doPost(request, response);


	}


	public void doPost(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		
		String usename = request.getParameter("usename");
		String password = request.getParameter("password");
		String validateValue = request.getParameter("validateValue");
		
		String vv = (String)request.getSession().getAttribute("validateValue");
		
		//把验证码全转为小写在进行比较
		if( (validateValue.toLowerCase()).equals(vv.toLowerCase()) )
		{
			response.sendRedirect("index.jsp");
		}
		else
		{
			request.getRequestDispatcher("ValidateLogin.jsp").forward(request, response);
		}


	}

}

hzc543806053

关注

3
点赞
踩
6

收藏

觉得还不错? 一键收藏
4
评论
关于<验证码>的实现和执行流程

验证码是一个很常见的一个功能，验证码可以防止黑客通过某种手段无间隔的注册等等验证码是通过服务器端生成的一张图片，传到客户端具体实现步骤（流程）：1）由服务器端比如servlet，随机产生几个字符数字等等，把这几个字符拼接成一个字符串，存到session域中 2）以图片的方式传给客户端，验证码上的具体值是在服务器端验证的，如果具体值在客户端验证的话，恐怕不太方便比如第一次访
复制链接

扫一扫