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頁面實現驗證碼校驗】