温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

JavaScript实现登陆验证码的脚本怎么写

发布时间:2022-02-08 09:33:20 来源:亿速云 阅读:154 作者:iii 栏目:开发技术

今天小编给大家分享一下JavaScript实现登陆验证码的脚本怎么写的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

填写输入信息 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);      }%> <%

设置页面不缓存

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

在内存中创建图像

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

获得图形上下文

 Graphics g = image.getGraphics();

生成随机类

Random random = new Random();

设定背景

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

设定字体

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

画边框

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

 随机产生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);      }

取随机产生的认证码(4位数字)

 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)));

调用函数出来的色彩相同,多是由于种子太接近,所以只能直接生成

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实现登陆验证码的脚本怎么写”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI