html或jsp页面刷新验证码的js方式和jquery方式

最新推荐文章于 2024-06-25 10:29:28 发布

南京煜之隆

最新推荐文章于 2024-06-25 10:29:28 发布

阅读量3.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： web 文章标签： html 验证码 jsp javascript

本文链接：https://blog.youkuaiyun.com/responsecool/article/details/51750222

web 专栏收录该内容

8 篇文章

订阅专栏

本文介绍了两种在HTML和JSP页面中刷新验证码的方法，一种是使用纯JavaScript，通过改变图片的src属性来实现验证码刷新；另一种是利用jQuery，监听点击事件并更新验证码图片的源地址，确保每次点击都能获取新的验证码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	
<img alt="验证码" src="verifyCode.do" title="点击刷新"  id="verifyCode" onclick="refrush_verifyCode(this);">
<!--当用户点击图片，使图片重新向服务器发送请求-->
<script type="text/javascript">
/* js方式 */
function refrush_verifyCode(obj){
	obj.setAttribute("src", obj.getAttribute("src").toString().split("?")[0]+ "?time=" + new Date().getTime());
} 
</script>


<img alt="验证码" title="点我刷新" src="getVerifyCode.do" class="verifyCode_img refrush_verifyCode" style="cursor:pointer;">
<a href="JavaScript:void(0);" class="refrush_verifyCode">看不清！</a>

<!--当用户点击图片，使图片重新向服务器发送请求-->
<script type="text/javascript" src="js/jQuery.1.8.3.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$(".refrush_verifyCode").click(function(){
		$(".verifyCode_img").attr("src" , $(".verifyCode_img").attr("src").toString().split("?")[0] + "?time="+new Date().getTime() );
	});
});
</script>