首先在登录页面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

在HTML登录页面中,通过添加一个包含验证码输入框和图片的div,然后在JavaScript中编写refresh函数,利用Math.random防止浏览器缓存同一验证码,动态更新验证码图片的src,从而实现验证码的刷新功能。验证码的生成由checkCode2.jsp处理。

4682

被折叠的 条评论
为什么被折叠?



