使用JavaScript刷新验证码

使用JavaScript刷新验证码今天学习了验证码的开发,日常生活中经常点验证码,今天自己也来做一个验证码                           首先是用一个文件产生随机验证码:  <%@pageimport="java.awt.*"%><%@pageimport="java.util.*"%><%@pa…

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

今天学习了验证码的开发,日常生活中经常点验证码,今天自己也来做一个验证码

 

                                                    使用JavaScript刷新验证码

首先是用一个文件产生随机验证码:

 

 

<%@page import=”java.awt.*”%>
<%@page import=”java.util.*”%>
<%@page import=”java.awt.Graphics”%>
<%@page import=”java.awt.image.BufferedImage”%>
<%@page import=”javax.imageio.*” %>
<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Insert title here</title>
</head>
<body>
<%
int width = 60, height = 20;
BufferedImage image = new BufferedImage(width,height,BufferedImage.TYPE_INT_RGB);

Graphics g = image.getGraphics();

g.setColor(new Color(200,200,200));
g.fillRect(0, 0, width, height);

Random rnd = new Random();
int rndNum = rnd.nextInt(9000)+1000;
String randS = String.valueOf(rndNum);

session.setAttribute(“randS”,randS);

g.setColor(Color.black);
g.setFont(new Font(“”,Font.PLAIN,20));
g.drawString(randS, 10, 17);

for(int i = 0;i<=100;i++){

int x = rnd.nextInt(width);
int y = rnd.nextInt(height);
g.drawOval(x, y, 1, 1);
}

ImageIO.write(image, “JPEG”, response.getOutputStream());
out.clear();
out = pageContext.pushBody();
%>
</body>
</html>

 

但是验证码单独出现不安全,我们采用验证码和表单组合提交

 

<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Insert title here</title>
</head>
<body>
欢迎来到本系统<br>
<form action=”/AJAX1/servlets/Loginservlet” method=”post”>
<br>
请您输入账号:<input type=”text” name=”account”/><br>
请您输入密码:<input type = “password” name=”password”/><br>
验证码:<input type=”text” name=”code” size=”10″>
<img border=0 src =”validate.jsp”>
<input type = “button” value=”登录”>
</form>

</body>
</html>

 

 

验证码的刷新方法很多,做方便的是点击验证码图片:

 

 

<%@ page language=”java” contentType=”text/html; charset=UTF-8″
pageEncoding=”UTF-8″%>
<!DOCTYPE html PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN” “http://www.w3.org/TR/html4/loose.dtd”>
<html>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
<title>Insert title here</title>
</head>
<body>
<script type=”text/javascript”>
function refresh(){

loginForm.imgValidate.src=”validate.jsp?id=”+Math.random();

}

</script>
欢迎登录本系统<br>
<form name=”loginForm” action=”/AJAX1/servlets/Loginservlet” method=”post”>
请你输入账号:<input type=”text” name = “account”><br>
请你输入密码:<input type=”password” name=”password”><br>
请输入验证码:<input type=”text” name=”code” size=”10″>
<img name=”imgValidate” src=”validate.jsp” οnclick=”refresh()”><br>
<input type=”button” value=”登录”>
</form>

</body>
</html> 

 

这样我们就可以点击验证码进行刷新了。

 

 

 

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/204005.html原文链接:https://javaforall.net

(0)
上一篇 2025年8月8日 下午11:01
下一篇 2025年8月8日 下午11:43


相关推荐

  • ghost备份出错,原系统如何修复_电脑怎么做ghost备份

    ghost备份出错,原系统如何修复_电脑怎么做ghost备份  系统装好了,资料也弄好了.自然想到的就是备份.  一键GHOST备份.结果卡在启动项选择那里.停在BACKUPSYSTEM然后下面显示磁盘I/O出错.死机…..  本来以为挂了.后来查了下,只要改变下默认启动项顺序即可.操作如下:  右键我的电脑->属性->高级->启动和故障恢复(设置) 在里面把默认的操作系统backupsystem改为xp就OK.其他的什么等待时间之

    2025年9月21日
    9
  • python学习笔记——hashlib模块「建议收藏」

    python学习笔记——hashlib模块「建议收藏」上篇:https://blog.csdn.net/qq_42489308/article/details/89813895hashlibHash,译做“散列”,也有直接音译为“哈希”的。把任意长度的输入,通过某种hash算法,变换成固定长度的输出,该输出就是散列值,也称摘要值。该算法就是哈希函数,也称摘要函数。MD5是最常见的摘要算法,速度很快,生成结果是固定的16字节,通常用一个32…

    2022年6月11日
    24
  • linux下fdisk命令的用法详解[通俗易懂]

    linux下fdisk命令的用法详解 ((1)通过fdisk-l查看机器所挂硬盘个数及分区情况;一、fdisk用法详解举例说明:[root@localhost~]#fdisk-lDisk/dev/sda:250.1GB,250059350016bytes255heads,63sectors/track,30401cylindersUnits=…

    2022年4月4日
    50
  • strlen函数用法举例(strlen字符串)

    strlen(char*)函数求的是字符串的实际长度,它求得方法是从开始到遇到第一个’\0’,如果你只定义没有给它赋初值,这个结果是不定的,它会从aa首地址一直找下去,直到遇到’\0’停止。charaa[10];cout<charaa[10]={‘\0’};cout<charaa[10]=”jun”;cout<而sizeof()返回的是变量声明后所占的内存数,不是实际长…

    2022年4月13日
    62
  • 2的31次方与2的负31次方

    2的31次方与2的负31次方最高位符号位 0 表示正数 1 表示负数 典型的补码表示 32 位数自然能表示 2 的 32 次方个数 2 的 32 次方 无符号 带符号再除以 2 负数比正数多一个 为什么正数比负数多一个 因为有一个正 0 000000000000 一个负 0 000000000000 那个 0 呢就被

    2026年3月18日
    3
  • curd php,laravel通用化的CURD的实现

    curd php,laravel通用化的CURD的实现说明非常高效的处理laravel中curd的操作安装composerrequireshencongcong/laravel-curd~1.0laravel项目的config/app.php注册ServiceProvider’providers’=>[//…Shencongcong\LaravelCurd\LaravelCurdServiceProvider::class…

    2025年6月16日
    6

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号