验证码
一、前端生成
1.验证码生成
验证码生成是通过一个验证码生成工具生成的。
2.换一张
由于ie浏览器中有对图片的缓存,在点换一张的时候不向服务器发送请求,直接从本地获取。
所以对生成验证码的请求进行如下操作,实现了每次向服务器发送的请求不一样。
表单中的部分:
<tr>
<td> </td>
<td>
<span class="verifyCodeImg"><img id="vCode" width="100" src='/goods/verifyCodeServlet' /></span>
</td>
<td><a href="javascript: _change()">换一张</a></td>
</tr>
用的是jquery
function _change(){
/*
* 1.获取<img>属性
* 2.重新设置src
* 3.使用毫秒来添加参数
*/
$("#vCode").attr("src","/goods/verifyCodeServlet?a="+new Date().getTime());
}
二、后台校验
1.根据表单中的属性获取输入的验证码,
2.获取生成的验证码
3.将两个验证码进行比较,忽略大小写。