jsp生成图片验证码并进行校验

最新推荐文章于 2022-05-16 16:43:16 发布

Charry.H

最新推荐文章于 2022-05-16 16:43:16 发布

阅读量1.8k

点赞数 3

分类专栏： Java Web

本文链接：https://blog.csdn.net/weixin_42635052/article/details/104175315

版权

本文介绍如何利用itcast-tool jar包在jsp中生成图片验证码，并详细阐述了验证码的校验过程，包括在jsp页面的编写、web.xml的配置，以及LoginServlet的实现，以确保良好的用户体验。

摘要由CSDN通过智能技术生成

这里用到的是itcast-tool jar包（传智播客的工具包）实现的图片验证码。
1.编写jsp页面

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录页面</title>
<script type="text/javascript">
	function another(){
   
		/*
		1. 获取<img>元素
		2.给他的src指向为/verifyCode/VerifyCodeServlet
		*/
		var img = document.getElementById("imgVerifyCode");
		img.src="/verifyCode/VerifyCodeServlet?a="+new Date().getTime();
		//如果不加上参数a的话，浏览器一般都有缓存。点击换一张就起不到效果。
	}
</script>
</head>
<body>
	<!-- 
		1.写表单，其中包含验证码
		2.让图片显示出验证码
		把<img>的src指向verityCodeServlet，jar中以写好，只需在web.xml中配置好。
	 -->
	<form action="/verifyCode/LoginServlet" method="post">
	用户名：<input type="text"  name="username"/><br/>
	密　码：<input type="password" name="password"/><br/>
	验证码：<input type="text" name="verifyCode"/><br/>
	<img src="/verifyCode/VerifyCodeServlet" id="imgVerifyCode"/><a href="javascript:another()">看不清，换一张</a><br/>
	<!-- img src="/项目名/web.xml配置的信息名" -->
	<input type="submit" value="提交">
	</form>
</body>
</html>

在超链接那里，有人说为啥不直接刷新不用那么麻烦。但是写程序必须考虑到用户体验，如果用户刚好填好信息，一点把刚刚填好的资料清空了，那就得不偿失了。
2.配置web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.5" 
	xmlns="

最低0.47元/天解锁文章

Charry.H

关注

3
点赞
踩
11

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录