首先在登录页面HTMl模板中添加div如下:
<div class="input">
<span>验证码:</span><input name="code" size="10" type="text" placeholder="请输入验证码">
<img src="checkCode2.jsp" name="codeImage" onclick="refresh()" />
</div>
在底部JS代码中加入
function refresh() {
//验证有缓存机制,浏览器会认为是同一个验证,所以要刷新
loginForm.codeImage.src = "checkCode2.jsp?id" + Math.random();
}
验证码jsp文件详见内容管理checkcode