JSP页面实现验证码校验功能

发表于JSP编程版块教程

在JSP页面中实现验证码校验功能通常涉及到两个主要步骤：生成验证码图片以及校验用户输入的验证码是否正确。以下是实现这一功能的步骤和示例代码：步骤1：生成验证码图片你可以使用Java的java.awt包

在JSP页面中实现验证码校验功能通常涉及到两个主要步骤：生成验证码图片以及校验用户输入的验证码是否正确。以下是实现这一功能的步骤和示例代码：

步骤1：生成验证码图片

你可以使用Java的java.awt包中的类来生成验证码图片。以下是一个简单的Servlet，用于生成并发送验证码图片给客户端：

import javax.servlet.*;
import javax.servlet.http.*;
import java.awt.*;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.util.Random;

public class CaptchaServlet extends HttpServlet {
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        response.setContentType("image/jpeg");
        BufferedImage bufferedImage = new BufferedImage(80, 30, BufferedImage.TYPE_INT_RGB);
        Graphics g = bufferedImage.getGraphics();
        
        // 设置背景色
        g.setColor(Color.WHITE);
        g.fillRect(0, 0, 80, 30);
        
        // 添加干扰线条
        Random random = new Random();
        for (int i = 0; i < 30; i++) {
            g.setColor(getRandomColor());
            g.drawLine(random.nextInt(80), random.nextInt(30), random.nextInt(80), random.nextInt(30));
        }
        
        // 生成验证码
        String captcha = generateCaptcha(6);
        g.setColor(Color.BLACK);
        g.setFont(new Font("Arial", Font.BOLD, 24));
        for (int i = 0; i < captcha.length(); i++) {
            g.drawString(String.valueOf(captcha.charAt(i)), 15 * i + 6, 24);
        }
        
        g.dispose();
        
        // 将验证码存储到session中
        request.getSession().setAttribute("captcha", captcha.toLowerCase());
        
        // 输出图片
        ServletOutputStream outputStream = response.getOutputStream();
        bufferedImage.flush();
        ImageIO.write(bufferedImage, "jpeg", outputStream);
        outputStream.close();
    }
    
    private String generateCaptcha(int length) {
        String captcha = "";
        Random random = new Random();
        for (int i = 0; i < length; i++) {
            captcha += String.valueOf(random.nextInt(10));
        }
        return captcha;
    }
    
    private Color getRandomColor() {
        Random random = new Random();
        return new Color(random.nextInt(255), random.nextInt(255), random.nextInt(255));
    }
}

步骤2：在JSP页面中使用验证码

在JSP页面中，你需要添加一个表单，其中包含一个图片标签用于显示验证码图片，以及一个文本框供用户输入验证码。

<form action="LoginServlet" method="post">
    <input type="text" name="username" placeholder="Username" required>
    <input type="password" name="password" placeholder="Password" required>
    <img src="CaptchaServlet" alt="Captcha">
    <input type="text" name="captcha" placeholder="Captcha" required>
    <input type="submit" value="Login">
</form>

步骤3：校验验证码

在处理登录请求的Servlet中，你需要校验用户输入的验证码是否与Session中存储的验证码匹配。

public class LoginServlet extends HttpServlet {
    protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        String username = request.getParameter("username");
        String password = request.getParameter("password");
        String inputCaptcha = request.getParameter("captcha");
        
        String sessionCaptcha = (String) request.getSession().getAttribute("captcha");
        
        if (sessionCaptcha != null && sessionCaptcha.equals(inputCaptcha)) {
            // 验证码正确，进行登录处理
        } else {
            // 验证码错误，返回错误信息
            request.setAttribute("error", "Incorrect captcha!");
            RequestDispatcher dispatcher = request.getRequestDispatcher("login.jsp");
            dispatcher.forward(request, response);
        }
    }
}