向后端提交数据

var verifyCodeActual = $('#j_captcha').val();

if (!verifyCodeActual) {

$.toast('请输入验证码！');

return;

}

formData.append("verifyCodeActual", verifyCodeActual);

4.js交互

function changeVerifyCode(img) {

img.src = "../Kaptcha?" + Math.floor(Mhttp://ath.random() * 100);

}

5.后端验证

import javax.servlet.http.HttpServletRequest;

public class CodeUtil {

public static boolean checkVerifyCode(HttpServletRequest request) {

String verifyCodeExpected = (String) request.getSession().getAttribute(

com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

String verifyCodeActual = HttpServletRequestUtil.getString(request,

"verifyCodeActual");

if (verifyCodeActual == null

function changeVerifyCode(img){

img.src="../Kaptcha?" + Math.floor(Math.random()*100);

}

解释：

验证码图片的链接 src 中的 "../Kaptcha"，这里的“Kaptcha”是要与刚刚 web.xml 中的 url-pattern 配置的值一样的，并非随便写的。

4.后端进行验证码的输入验证

实现思路：我是把验证码的验证单独写成一个静态类，然后在控制层里面直接调用就行。

验证码静态类：

public class CodeUtil {

public static boolean checkVerifyCode(HttpServletRequest request){

String verifyCodeExpected = (String)request.getSession().getAttribute(

com.google.code.kaptcha.Constants.KAPTCHA_SESSION_KEY);

//这里相当于 request.getParameter("verifyCodeActual");

String verifyCodeActual = HttpServletRequestUtil.getString(request, "verifyCodeActual");