广告
返回顶部
首页 > 资讯 > 精选 >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://www.lsjlt.com/news/309522.html(转载时请注明来源链接)

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

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • JavaScript实现登陆验证码的脚本怎么写
    今天小编给大家分享一下JavaScript实现登陆验证码的脚本怎么写的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。填写输入信...
    99+
    2023-06-27
  • 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滑块验证码
  • nodejs怎么实现登陆验证功能
    这篇文章主要介绍“nodejs怎么实现登陆验证功能”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“nodejs怎么实现登陆验证功能”文章能帮助大家解决问题。登陆验证需要提交数据,一种使用form表单提...
    99+
    2023-06-30
  • Token登陆验证机制怎么实现
    这篇文章主要介绍“Token登陆验证机制怎么实现”,在日常操作中,相信很多人在Token登陆验证机制怎么实现问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Token登陆验证机制怎么实现”的疑惑有所帮助!接下来...
    99+
    2023-06-21
  • 怎么使用selenium+opencv实现滑块验证码的登陆
    本文小编为大家详细介绍“怎么使用selenium+opencv实现滑块验证码的登陆”,内容详细,步骤清晰,细节处理妥当,希望这篇“怎么使用selenium+opencv实现滑块验证码的登陆”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入...
    99+
    2023-07-06
  • 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
  • vue怎么实现手机验证码登录
    这篇文章主要介绍“vue怎么实现手机验证码登录”,在日常操作中,相信很多人在vue怎么实现手机验证码登录问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”vue怎么实现手机验证码登录”的疑惑有所帮助!接下来,请跟...
    99+
    2023-06-25
  • JavaScript实现登录拼图验证的示例代码
    目录底图实现被验证区域块滑块区域动态滑动有效验证动画处理完整代码看到一个好文,所以模仿这实现一个登录时的拼图验证。效果展示如下。 底图实现 首先实现一个盒子,存放我的 // ht...
    99+
    2023-01-11
    JavaScript登录拼图验证 JavaScript拼图验证 JavaScript登录验证
  • 怎么用JavaScript实现滑块验证码
    本篇内容主要讲解“怎么用JavaScript实现滑块验证码”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“怎么用JavaScript实现滑块验证码”吧!效果:鼠标在底部滑块上按下按住不松拖动可以移...
    99+
    2023-06-25
  • vue+Element怎么实现登录随机验证码
    今天小编给大家分享一下vue+Element怎么实现登录随机验证码的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。验证码验证只...
    99+
    2023-06-29
  • Springboot+SpringSecurity怎么实现图片验证码登录
    本文小编为大家详细介绍“Springboot+SpringSecurity怎么实现图片验证码登录”,内容详细,步骤清晰,细节处理妥当,希望这篇“Springboot+SpringSecurity怎么实现图片验证码登录”文章能帮助大家解决疑惑...
    99+
    2023-06-30
  • JavaScript怎么实现页面动态验证码
    小编给大家分享一下JavaScript怎么实现页面动态验证码,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!效果图: 实现思路:把数字和字母放到一个数组中...
    99+
    2023-06-14
  • php怎么实现app的验证登录?(代码示例)
    PHP作为一门服务器端脚本语言,可以与前端进行交互,为移动端应用程序提供登录验证功能。本文将介绍PHP如何实现app的验证登录。一、前置知识熟悉PHP语言基础熟悉HTTP请求和响应熟悉移动端APP登录流程二、实现流程用户请求登录APP发起登...
    99+
    2023-05-14
    php 登录
  • Java与JavaScript前后端实现手机号验证码一键注册登陆抖音流程
    目录一、一键注册登录流程二、前端2.1. 验证码获取流程2.2. 验证码获取代码三、后端验证码3.1. 前置处理3.2. 拦截器添加3.3. 获取验证码 一、一键注册登录流程 二...
    99+
    2022-11-13
  • 怎么使用jQuery,Angular实现登录界面验证码
    小编给大家分享一下怎么使用jQuery,Angular实现登录界面验证码,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!最终实现的...
    99+
    2022-10-19
  • TP6+vue-element-admin怎么实现后台登录验证码
    本篇内容介绍了“TP6+vue-element-admin怎么实现后台登录验证码”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!tp6+vue...
    99+
    2023-06-22
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作