案例需求:
1. 访问带有验证码的登录页面login.jsp
2. 用户输入用户名,密码以及验证码。
* 如果用户名和密码输入有误,跳转登录页面,提示:用户名或密码错误
* 如果验证码输入有误,跳转登录页面,提示:验证码错误
* 如果全部输入正确,则跳转到主页success.jsp,显示:用户名,欢迎您
druid.properties
driverClassName=com.mysql.jdbc.Driver
url=jdbc:mysql:///demosql
username=root
password=tt1314521
initialSize=5
maxActive=10
maxWait=3000
login.jsp
<%--
Created by IntelliJ IDEA.
User: Administrator
Date: 2020/3/14 0014
Time: 14:09
To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>Title</title>
<style>
div{
color: red;
}
</style>
<script>
window.onload=function(){
document.getElementById("img").onclick=function (ev) {
this.src = "/day26Test/checkBox?time="+new Date().getTime();
}
}
</script>
</head>
<body>
<form action="/day26Test/loginServlet" method="post">
<table>
<tr>
<td>用户名</td>
<td><input id="username" name="username" placeholder="请输入用户名"></td>
</tr>
<tr>
<td>密码</td>
<td><input type="password" id="password" name="password" placeholder="请输入密码"></td>
</tr>
<tr>
<td>验证码</td>
<td><input id="checkbox" name="checkbox" placeholder="请输入验证码"></td>
</tr>
<tr>
<td colspan="2">
<img src="/day26Test/checkBox" id="img">
</td>
</tr>
<tr>
<td colspan="2">