使用Servlet+JSP实现验证码

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

Temperature_

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

阅读量1.4k

点赞数

分类专栏： javaweb jsp 文章标签：验证码 JSP Servlet

本文链接：https://blog.csdn.net/pptlxc666/article/details/79321029

版权

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

摘要由CSDN通过智能技术生成

功能简述：设计一个验证码，验证的颜色、里面的字符都可随机生成，比较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&#