JSP页面实现验证码校验( 二 ) _生活百科

文章插图
校验验证码过程：

将生成的验证码内容保存在Session对象中
获取用户输入的验证码内容
将两个内容进行对照

代码实现：
获取Session中的验证码内容：
String piccode=(String) request.getSession().getAttribute("piccode");获取用户输入的验证码内容：
String checkCode=request.getParameter("checkCode");验证码判断（使用了PrintWriter将相关内容输出）

response.setContentType("text/html;charset=utf-8");//解决乱码问题PrintWriter out=response.getWriter();if(checkCode.equals(piccode)){out.println("验证码输入正确！");}else{out.println("验证码输入错误?。。?);}out.flush();//将流刷新out.close();//将流关闭

完整代码：

public class LoginServlet extends HttpServlet {public void doGet(HttpServletRequest request, HttpServletResponse response) throws IOException//用于验证验证码{String piccode = (String) request.getSession().getAttribute("piccode");String checkCode = request.getParameter("checkCode");response.setContentType("text/html;charset=utf-8");//解决乱码问题PrintWriter out = response.getWriter();if (checkCode.equals(piccode)) {out.println("验证码输入正确！");} else {out.println("验证码输入错误?。。?);}out.flush();//将流刷新out.close();//将流关闭}}

测试验证码校验测试前先在web.xml文件中配置一下：

	<servlet><servlet-name>LoginServlet</servlet-name><servlet-class>com.kailong.servlet.LoginServlet</servlet-class></servlet><servlet-mapping><servlet-name>LoginServlet</servlet-name><url-pattern>/loginServlet</url-pattern></servlet-mapping>

文章插图

文章插图
添加验证码刷新在验证码生成之后，用户在识别的时候可能不能正确识别，这时候就需要刷新一下重新生成。
添加超链接实现刷新：
login.jsp:

<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head><title>登录界面</title><script>function reloadCode() {var time=new Date().getTime();document.getElementById("imagecode").src="http://img.zhejianglong.com/231018/115IQ139-8.jpg"+time;}</script></head><body><form action="<%= request.getContextPath()%>/loginServlet" method="get" >验证码:<inputtype="text" name="checkCode"/><br/><img alt="验证码" id="imagecode" src="http://img.zhejianglong.com/231018/115IWF6-2.jpg"/><a href="javascript:reloadCode();">看不清楚</a><br><br/><input type="submit" value="https://www.huyubaike.com/biancheng/提交"></form></body></html>

js部分的Date相关是防止浏览器缓存后不能正常刷新，添加时间的唯一性来实现能够及时刷新和展示。
js 部分可以参阅：JavaScript 语言入门
也可以在ImageServlet中添加防止浏览器缓存的语句：
response.setHeader("Pragma", "No-cache");

文章插图
公众号本文地址：https://mp.weixin.qq.com/s/XHucabQ_WwUx2OMDGSTMkw头条本文地址：https://www.toutiao.com/item/7154265403634926112/欢迎关注公众号：愚生浅末。
【JSP页面实现验证码校验】