溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

JavaScript實現(xiàn)登陸驗證碼的腳本怎么寫

發(fā)布時間：2022-02-08 09:33:20 來源：億速云 閱讀：175 作者：iii 欄目：開發(fā)技術(shù)

今天小編給大家分享一下JavaScript實現(xiàn)登陸驗證碼的腳本怎么寫的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

填寫輸入信息 index.jsp

<html><body>     <form method=post action="result.jsp">     <input type=text name=input maxlength=4>     <img border=0 src="image.jsp">     <input type="submit"value="submit">     </form></body></html>

生成圖片 image.jps

<%@ page contentType="image/JPEG"     import="java.awt.*,java.awt.image.*,java.util.*,javax.imageio.*"     pageEncoding="GBK"%>

給定范圍取得隨機色彩

<%!Color getRandColor(int fc, int bc) {         Random random = new Random();          if (fc > 255)              fc = 255;          if (bc > 255)              bc = 255;          int r = fc + random.nextInt(bc - fc);          int g = fc + random.nextInt(bc - fc);          int b = fc + random.nextInt(bc - fc);          return new Color(r, g, b);      }%> <%

設(shè)置頁面不緩存

 response.setHeader("Pragma", "No-cache");  response.setHeader("Cache-Control", "no-cache");  response.setDateHeader("Expires", 0);

在內(nèi)存中創(chuàng)建圖像

 int width = 60, height = 20;      BufferedImage image = new BufferedImage(width,height,              BufferedImage.TYPE_INT_RGB);

獲得圖形上下文

 Graphics g = image.getGraphics();

生成隨機類

Random random = new Random();

設(shè)定背景

 g.setColor(getRandColor(200, 250));      g.fillRect(0, 0, width, height);

設(shè)定字體

g.setFont(new Font("Times New Roman", Font.PLAIN,18));

畫邊框

//g.setColor(newColor());      //g.drawRect(0,0,width⑴,height⑴);

 隨機產(chǎn)生155條干擾線，使圖像中的認證碼不容易被其它程序探測到  

g.setColor(getRandColor(160, 200));      for (int i = 0; i < 100; i++) {          int x = random.nextInt(width);          int y = random.nextInt(height);          int xl = random.nextInt(12);          int yl = random.nextInt(12);          g.drawLine(x, y, x + xl, y + yl);      }

取隨機產(chǎn)生的認證碼（4位數(shù)字）

 String sRand = "";      for (int i = 0; i < 4; i++) {          String rand =String.valueOf(random.nextInt(10));          sRand += rand;

將認證碼顯示到圖像中

 g.setColor(new Color(20 + random.nextInt(110), 20 +random          .nextInt(110), 20 +random.nextInt(110)));

調(diào)用函數(shù)出來的色彩相同，多是由于種子太接近，所以只能直接生成

g.drawString(rand, 13 * i + 6,16);      }

將認證碼存入SESSION

 session.setAttribute("code",sRand);

圖像生效

 g.dispose();

輸出圖像到頁面

 ImageIO.write(image, "JPEG",response.getOutputStream());  %>

驗證是不是輸入正確result.jsp

<%@ page language="java"import="java.util.*" pageEncoding="GBK"%> <html><body> <%      String input=request.getParameter("input");      String code=(String)session.getAttribute("code");          if(input.equals(code)){          out.println("驗證成功!");      }else{          out.println("驗證失敗!");      }  %> </body></html>

可能遇到的問題：

你的 eclipse 會提示你：graphic.drawString() 方法毛病

是你的 jdk 版本太高了，但是不要緊。把這個項目的兼容版本放低就好了。

具體操作步驟：

右鍵進程，選中 propriety，再選中“Java compiler”

把 jdk 的兼容版本下降到1.4便可

以上就是“JavaScript實現(xiàn)登陸驗證碼的腳本怎么寫”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手