验证码刷新

通过拼接字符串实现刷新

function reimg(){
    var imgVcode =	document.getElementById("imgVcode");
    imgVcode.src = "${pageContext.request.contextPath}/captcha/createCaptcha?d="+new Date().getTime();  
}

绑定事件onclick,点击时调用reimg()

<tr>
	<td valign="top" class="w1">
		验证码:
	</td>
	<td>
	    <img class="yzm_img" id='imgVcode' src="<s:url action='createCaptcha' namespace='/captcha' />" />
	    <input name="code" type="text" id="txtVerifyCode" class="yzm_input"/>
	    <div class="text_left t1">
	    	<p class="t1">
	    		<span id="vcodeValidMsg">请输入图片中的四个字母。</span>								
	    		<a href="javascript:void(0);" onclick="reimg()" >看不清楚?换个图片</a>
		    </p>
	    </div>
	</td>
</tr>

注: 

  1. 拼接随机字符串(d为任意字符)${pageContext.request.contextPath}/captcha/createCaptcha?d="+new Date().getTime(); 
  2. 引入验证码   src="<s:url action='createCaptcha' namespace='/captcha' />" 
  3. 阻止链接刷新页面   javascript:void(0)

猜你喜欢

转载自blog.csdn.net/xcijy/article/details/83892817
今日推荐