标签：code 重复 kaptcha req 验证码 表单 提交

解决表单重复提交

表单重复提交有三种常见的情况：

1. 提交完表单。服务器使用请求转来进行页面跳转。这个时候，用户按下功能键 F5，就会发起最后一次的请求。造成表单重复提交问题。解决方法：使用重定向来进行跳转
2. 用户正常提交服务器，但是由于网络延迟等原因，迟迟未收到服务器的响应，这个时候，用户以为提交失败， 就会着急，然后多点了几次提交操作，也会造成表单重复提交。
3. 用户正常提交服务器。服务器也没有延迟，但是提交完成后，用户回退浏览器。重新提交。也会造成表单重复 提交。

使用验证码解决

谷歌kaptcha图片验证码的使用

谷歌验证码 kaptcha 使用步骤如下：

1. 导入谷歌验证码的 jar 包kaptcha-2.3.2.jar
2. 在 web.xml 中去配置用于生成验证码的 Servlet 程序

<servlet>
<servlet-name>KaptchaServlet</servlet-name>
<servlet-class>com.google.code.kaptcha.servlet.KaptchaServlet</servlet-class>
</servlet>
<servlet-mapping>
<servlet-name>KaptchaServlet</servlet-name>
<url-pattern>/kaptcha.jpg</url-pattern>
</servlet-mapping>

​ 3.在表单中使用 img 标签去显示验证码图片并使用它

<form action="http://localhost:8080/tmp/registServlet" method="get">
用户名：<input type="text" name="username" > <br>
验证码：<input type="text" style="width: 80px;" name="code">
img src="http://localhost:8080/tmp/kaptcha.jpg" alt="" style="width: 100px; height: 28px;"><br>
<input type="submit" value="登录">
</form>

4.在服务器获取谷歌生成的验证码和客户端发送过来的验证码比较使用。

@Override
protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
// 获取Session 中的验证码
String token = (String) req.getSession().getAttribute(KAPTCHA_SESSION_KEY);
// 删除 Session 中的验证码
req.getSession().removeAttribute(KAPTCHA_SESSION_KEY);



String code = req.getParameter("code");
// 获取用户名
String username = req.getParameter("username");

if (token != null && token.equalsIgnoreCase(code)) { System.out.println("保存到数据库：" + username); resp.sendRedirect(req.getContextPath() + "/ok.jsp");
} else {
System.out.println("请不要重复提交表单");
}
}

切换验证码：

$("#code_img").click(function (){
				//this对象，当前正在响应事件的dom对象
				this.src="${basePath}kaptcha.jpg";
			});

浏览器为了让诗求速度更快。就会每次请求的内容缓存到了浏览器端(要么硬盘上，要么内存中) 。再发一样地址和参数和请求时，直接从缓本中找

如何跳过浏览器的缓存，而发起请求给服务器获取新验证码?

$("#code_img").click(function (){
				//this对象，当前正在响应事件的dom对象
				this.src="${basePath}kaptcha.jpg?d="+new Date();
			});

标签：code,重复,kaptcha,req,验证码,表单,提交
来源： https://www.cnblogs.com/ekertree/p/15860476.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。