使用Servlet+JSP实现验证码

最新推荐文章于 2021-09-04 14:09:00 发布

原创

最新推荐文章于 2021-09-04 14:09:00 发布 · 1.5k 阅读

15 ·

CC 4.0 BY-SA版权

文章标签：

#验证码 #JSP #Servlet

本文介绍了一个基于Servlet和JSP的验证码实现，包括指数.jsp、ImageServlet和LoginServlet的职责，以及web.xml配置。验证码由26个大写和小写字母及0-9数字组成，长度为4位，点击可刷新。用户输入验证码进行匹配验证，正确则跳转至success.jsp，错误则跳转至fail.jsp。

功能简述：设计一个验证码，验证的颜色、里面的字符都可随机生成，比较JSP页面输入框的字符与验证码是否匹配。
首页：index.jsp

<%@ page language="java" import="java.util.*" contentType="text/html; charset=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>验证码实现</title>
    <meta http-equiv="pragma" content="no-cache">

    <script>
    function reloadCode(){
    
    
        var time=new Date().getTime();
        //由于传过去的时间不一样，所以不是同一个请求
        document.getElementById("imageCode").src="<%=request.getContextPath()%>/servlet/ImageServlet?d="+time;
    }
    </script>
  </head>

  <body>
  <form action="<%=request.getContextPath()%>/servlet/LoginServlet" method="get">
    验证码：<input type="text" name="checkcode">
    <img id="imageCode" alt="验证码" src="<%=request.getContextPath()%>/servlet/ImageServlet" onclick="reloadCode()"><br<