java 制作驗(yàn)證碼并進(jìn)行驗(yàn)證實(shí)例詳解
java 制作驗(yàn)證碼并進(jìn)行驗(yàn)證實(shí)例詳解
在注冊(cè)、登錄的頁面上經(jīng)常會(huì)出現(xiàn)驗(yàn)證碼,為了防止頻繁的注冊(cè)或登錄行為。下面是我用java制作的一個(gè)驗(yàn)證碼,供初學(xué)者參考,做完驗(yàn)證碼之后,我們可以用ajax進(jìn)行驗(yàn)證碼驗(yàn)證。
功能一:驗(yàn)證碼制作的代碼,點(diǎn)擊圖片,驗(yàn)證碼進(jìn)行更換
/** * 顯示驗(yàn)證碼圖片 */ public void showCheckCode(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { // 調(diào)用業(yè)務(wù)邏輯 String checkCode = getCheckCode(); //將驗(yàn)證碼字符放入session域?qū)ο笾? req.getSession().setAttribute("checkCode", checkCode); //圖片寬 int width = 80; //圖片高 int height = 30; //在內(nèi)存中創(chuàng)建一個(gè)圖片 BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB); //獲取一個(gè)畫筆 Graphics g = image.getGraphics(); //設(shè)置畫筆顏色,用灰色做背景 g.setColor(Color.GRAY); //向Image中填充灰色 g.fillRect(0,0,width,height); Random r = new Random(); //設(shè)置3條干擾線 for (int i = 0; i < 3; i++) { g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255))); g.drawLine(r.nextInt(80), r.nextInt(30), r.nextInt(80), r.nextInt(80)); } //設(shè)置驗(yàn)證碼字符串的顏色 g.setColor(new Color(r.nextInt(255),r.nextInt(255),r.nextInt(255))); //設(shè)置字符的大小 g.setFont(new Font("黑體",Font.BOLD,24)); //在圖片中寫入驗(yàn)證碼字符串 g.drawString(checkCode,15,20); //將Image對(duì)象以PNG格式輸出給所有的客戶端 ImageIO.write(image,"PNG",resp.getOutputStream()); } /** * 獲取4位驗(yàn)證碼中的4位隨機(jī)字符串 */ public static String getCheckCode(){ //驗(yàn)證碼中的字符由數(shù)字和大小寫字母組成 String code = "0123456789qwertyuiopasdfghjklzxcvbnmQWERTYUIOPASDFGHJKLZXCVBNM"; Random r = new Random(); StringBuffer sb = new StringBuffer(); for (int i = 0; i < 4; i++) { sb.append(code.charAt(r.nextInt(code.length()))); } return sb.toString(); }
jsp頁面
<script type="text/javascript"> function changeCodeImage(img){ img.src = "${pageContext.request.contextPath}/UserServlet?method=showCheckCode&time="+new Date().getTime(); } </script> <div class="form-group"> <label for="date" class="col-sm-2 control-label">驗(yàn)證碼</label> <div class="col-sm-3"> <input type="text" class="form-control" id="writeCode" onkeyup="checkCodeMethod(this.value)" > </div> <div class="col-sm-2"> <img src="${pageContext.request.contextPath}/UserServlet?method=showCheckCode" id="checkCodeImage" title="點(diǎn)擊換一張" onclick="changeCodeImage(this)" /> </div> <span id="checkCodeSpan"></span> </div>
功能二:ajax動(dòng)態(tài)驗(yàn)證驗(yàn)證碼
/** * 驗(yàn)證驗(yàn)證碼 */ public void checkCode(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { //獲取從頁面中接收到的驗(yàn)證碼參數(shù) String checkCode = req.getParameter("checkCode"); //從session域?qū)ο笾蝎@取驗(yàn)證碼 String sessionCode = (String) req.getSession().getAttribute("checkCode"); //判斷驗(yàn)證碼是否相同 if (checkCode.equalsIgnoreCase(sessionCode)) { resp.getWriter().print(true); }else { resp.getWriter().print(false); }
jsp頁面
<script type="text/javascript"> function changeCodeImage(img){ img.src = "${pageContext.request.contextPath}/UserServlet?method=showCheckCode&time="+new Date().getTime(); } function checkCodeMethod(code){ $.get("${pageContext.request.contextPath}/UserServlet?method=checkCode", { checkCode: code}, function(data){ if (data == 'true') { document.getElementById("checkCodeSpan").innerHTML = "<font>驗(yàn)證碼正確!</font>"; }else { document.getElementById("checkCodeSpan").innerHTML = "<font>驗(yàn)證碼錯(cuò)誤!</font>"; } } ); } </script> <div class="form-group"> <label for="date" class="col-sm-2 control-label">驗(yàn)證碼</label> <div class="col-sm-3"> <input type="text" class="form-control" id="writeCode" onkeyup="checkCodeMethod(this.value)" > </div> <div class="col-sm-2"> <img src="${pageContext.request.contextPath}/UserServlet?method=showCheckCode" id="checkCodeImage" title="點(diǎn)擊換一張" onclick="changeCodeImage(this)" /> </div> <span id="checkCodeSpan"></span> </div>
感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持!
相關(guān)文章
Java實(shí)現(xiàn)的兩個(gè)線程同時(shí)運(yùn)行案例
這篇文章主要介紹了Java實(shí)現(xiàn)的兩個(gè)線程同時(shí)運(yùn)行,涉及java多線程相關(guān)操作與使用技巧,需要的朋友可以參考下2019-07-07Spring Boot中利用JavaMailSender發(fā)送郵件的方法示例(附源碼)
這篇文章主要介紹了Spring Boot中利用JavaMailSender發(fā)送郵件的方法示例, 相信使用過Spring的眾多開發(fā)者都知道Spring提供了非常好用的JavaMailSender接口實(shí)現(xiàn)郵件發(fā)送。在Spring Boot的Starter模塊中也為此提供了自動(dòng)化配置。需要的朋友可以參考借鑒。2017-02-02MyBatis saveBatch 性能調(diào)優(yōu)的實(shí)現(xiàn)
本文主要介紹了MyBatis saveBatch 性能調(diào)優(yōu)的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-07-07JAVA生成八位不重復(fù)隨機(jī)數(shù)最快的方法總結(jié)(省時(shí)間省空間)
隨機(jī)數(shù)在實(shí)際中使用很廣泛,比如要隨即生成一個(gè)固定長度的字符串、數(shù)字,這篇文章主要給大家介紹了關(guān)于JAVA生成八位不重復(fù)隨機(jī)數(shù)最快的方法,文中介紹的方法省時(shí)間省空間,需要的朋友可以參考下2024-03-03MyBatis異常java.sql.SQLSyntaxErrorException的問題解決
使用mybatis插入數(shù)據(jù)時(shí)出現(xiàn)java.sql.SQLSyntaxErrorException異常,本文就來介紹一下MyBatis異常的問題解決,具有一定的參考價(jià)值,感興趣的可以了解一下2023-08-08