使用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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 开机就提示“请安装TCP/IP协议,error=10106”的解决的方法

    开机就提示“请安装TCP/IP协议,error=10106”的解决的方法

    2021年12月4日
    60
  • react中添加debounce 实现[通俗易懂]

    react中添加debounce 实现[通俗易懂]react中添加debounce实现handelChange(e){//输入框修改的时候执行的方法 e.persist()//react默认会清楚所有的默认属性,所以需要添加这段,保留参数的属性 debounce(()=>{ console.log(e) },500)() }<inputref={ev=>this.moneyInp…

    2022年6月20日
    73
  • PID控制的MATLAB仿真(1)

    PID控制的MATLAB仿真(1)PID控制应用广泛,说起来PID特别的简单,在比例负反馈的基础上加入微分项实现快速调节,加入积分项实现无静差。MATLAB强大的功能让学习变得非常简单。在学习智能控制这门课的时候,老师推荐了刘金琨老师的先进PID控制一书,边看边学边调程序。下文程序选自此书。首先从模拟PID开始,被控系统一般是下图这种结构:其中PID控制器:一种用模拟PID控制的磁悬浮:电路图左侧是霍尔传

    2022年5月24日
    36
  • PAC模式和全局模式「建议收藏」

    PAC模式和全局模式「建议收藏」PAC模式和全局模式,两种模式优缺点如下:【PAC模式】也就是智能分流模式,根据规则去匹配你访问的网站,仅加速国外网站,国内网站不受影响,非常智能;优点:节省流量,国内网站依旧走本地网络,速度快,绝大部分国外网站都走代理,速度也快。缺点:少部分国外网站不走代理,无法起到加速效果,甚至无法访问(解决方案:自己编辑PAC规则列表,将不走代理的国外网址加入进去,或者直接选择全局模式)。【全局模式】国内、国外所有网站都走代理。优点:可访问全球所有网站。缺点:所有网站都走代理,访问国内网站速度

    2022年10月19日
    4
  • linux mail发送邮件_shell传输文件

    linux mail发送邮件_shell传输文件Linux发邮件之mail命令详解发布于2017-01-0516:44:04|154次阅读|评论:0|来源:网友投递LinuxLinux是一套免费使用和自由传播的类Unix操作系统,是一个基于POSIX和UNIX的多用户、多任务、支持多线程和多CPU的操作系统。它能运行主要的UNIX工具软件、应用程序和网络协议。这篇文章主要介绍了Linux发邮件之mail命令详解,详细的讲解…

    2022年10月20日
    4
  • android内置存储器memory和第三方外部存储disk管理

    android内置存储器memory和第三方外部存储disk管理

    2022年1月9日
    41

发表回复

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

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