返回顶部
首页 > 资讯 > 精选 >JavaScript实现登陆验证码的脚本怎么写
  • 412
分享到

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

2023-06-27 10:06:03 412人浏览 安东尼
摘要

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

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

--结束END--

本文标题: JavaScript实现登陆验证码的脚本怎么写

本文链接: https://lsjlt.com/news/309522.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • JavaScript实现登陆验证码的脚本怎么写
    今天小编给大家分享一下JavaScript实现登陆验证码的脚本怎么写的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。填写输入信...
    99+
    2023-06-27
  • javascript 实现登陆验证
    随着互联网的普及,各种网站和应用对用户登陆的需求也越来越多。而随之而来的问题是用户的账号和个人信息的安全性变得更加关键。因此,为确保用户账号的安全,对登陆的验证也就变得非常重要。本文将介绍如何用javascript实现一个简单的登陆验证功能...
    99+
    2023-05-17
  • Unity&Springboot实现本地登陆验证
    目录Springboot使用IDEA编译器IDEA上实现登录验证返回登录是否成功和登陆用户的id信息Unity端的请求Springboot使用IDEA编译器 IDEA上实现登录验证 ...
    99+
    2024-04-02
  • layui实现登陆界面验证码
    本文实例为大家分享了layui实现登陆界面验证码的具体代码,供大家参考,具体内容如下 效果图: html: <div class="layui-form-item">...
    99+
    2024-04-02
  • go gin+token验证是怎么实现登陆验证
    本篇文章为大家展示了go gin+token验证是怎么实现登陆验证,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。1.准备go get github.com/dgrija...
    99+
    2023-06-22
  • selenium+opencv实现滑块验证码的登陆
    目录环境selenium登录网站requests抓取验证码图片OpenCV识别缺口位置模拟拖动滑块脚本示例:很多网站登录登陆时都要用到滑块验证码,在某些场景例如使用爬虫爬取信息时常常...
    99+
    2023-05-15
    selenium opencv滑块验证码 opencv滑块验证码
  • Token登陆验证机制怎么实现
    这篇文章主要介绍“Token登陆验证机制怎么实现”,在日常操作中,相信很多人在Token登陆验证机制怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Token登陆验证机制怎么实现”的疑惑有所帮助!接下来...
    99+
    2023-06-21
  • nodejs怎么实现登陆验证功能
    这篇文章主要介绍“nodejs怎么实现登陆验证功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“nodejs怎么实现登陆验证功能”文章能帮助大家解决问题。登陆验证需要提交数据,一种使用form表单提...
    99+
    2023-06-30
  • 怎么使用selenium+opencv实现滑块验证码的登陆
    本文小编为大家详细介绍“怎么使用selenium+opencv实现滑块验证码的登陆”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么使用selenium+opencv实现滑块验证码的登陆”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入...
    99+
    2023-07-06
  • SpringBoot实现滑块验证码验证登陆校验功能详解
    目录前言一、实现效果二、实现思路三、实现步骤1. 后端 java 代码1.1 新建一个拼图验证码类1.2 新建一个拼图验证码工具类1.3 新建一个 service 类1.4 新建一个...
    99+
    2024-04-02
  • layui如何实现登陆界面验证码
    这篇文章主要介绍“layui如何实现登陆界面验证码”,在日常操作中,相信很多人在layui如何实现登陆界面验证码问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”layui如何实现登陆界面验证码”的疑惑有所帮助!...
    99+
    2023-06-21
  • 用Python写漏洞验证脚本的代码
    小白尝试写任意文件读取poc 我是一个小白,完全不懂Python,但是Python在渗透中往往是一个重要的角色。有一个CSDN百万大佬写了这样一句话,不会编程的渗透都是耍流氓。我虽然...
    99+
    2024-04-02
  • Java与JavaScript前后端怎么实现手机号验证码一键注册登陆
    这篇文章主要讲解了“Java与JavaScript前后端怎么实现手机号验证码一键注册登陆”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“Java与JavaScript前后端怎么实现手机号验证码...
    99+
    2023-07-02
  • Python实现POC漏洞批量验证程序的脚本怎么写
    这篇文章主要介绍“Python实现POC漏洞批量验证程序的脚本怎么写”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Python实现POC漏洞批量验证程序的脚本怎么写”文章能帮助大家解决问题。需求分析...
    99+
    2023-06-29
  • spring boot结合kaptcha怎么实现一个验证码登陆功能
    本篇文章给大家分享的是有关spring boot结合kaptcha怎么实现一个验证码登陆功能,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。引入kaptcha所需要的jar包,我...
    99+
    2023-05-31
    springboot ptc kaptcha
  • php怎么实现密码登录验证
    在PHP中,可以使用以下步骤来实现密码登录验证:1. 创建一个HTML表单,包含一个用户名输入框和一个密码输入框。用户输入用户名和密...
    99+
    2023-10-10
    php
  • 怎么用JavaScript实现滑块验证码
    本篇内容主要讲解“怎么用JavaScript实现滑块验证码”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用JavaScript实现滑块验证码”吧!效果:鼠标在底部滑块上按下按住不松拖动可以移...
    99+
    2023-06-25
  • JavaScript实现登录拼图验证的示例代码
    目录底图实现被验证区域块滑块区域动态滑动有效验证动画处理完整代码看到一个好文,所以模仿这实现一个登录时的拼图验证。效果展示如下。 底图实现 首先实现一个盒子,存放我的 // ht...
    99+
    2023-01-11
    JavaScript登录拼图验证 JavaScript拼图验证 JavaScript登录验证
  • Token登陆验证机制的原理及实现
    session简介 做过Web开发的程序员应该对Session都比较熟悉,Session是一块保存在服务器端的内存空间,一般用于保存用户的会话信息。 用户通过用户名和密码登陆成功之...
    99+
    2024-04-02
  • vue怎么实现手机验证码登录
    这篇文章主要介绍“vue怎么实现手机验证码登录”,在日常操作中,相信很多人在vue怎么实现手机验证码登录问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”vue怎么实现手机验证码登录”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-25
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作