js控制再次点击按钮之间的间隔时间可防止重复提交
更新时间:2014年08月01日 11:23:06 投稿:whsnow
使用js控制再次点击按钮之间的间隔时间可防止重复提交,需要的朋友可以参考下
<script type="text/javascript" language="javascript"> var wait = 60; function change() { $o = $("#J_refresh_checkcode"); if(wait == 0) { $o.removeAttr("disabled"); $o.html("看不清?换一张"); wait = 60; } else { $o.attr("disabled", true); $o.attr("font-color", "gray"); $o.html(wait + "秒后可重新获取"); wait--; if(wait == 59) { var imgNode = document.getElementById("vimg"); imgNode.src = "../../AjaxServer/CheckCodePic.ashx?t=" + (new Date()).valueOf(); // 这里加个时间的参数是为了防止浏览器缓存的问题 $("#J_checkcode_tip").addClass("hide"); $("#J_checkcode_tip>div").html(""); $("#<%=hidPicMessage.ClientID%>").val(""); } setTimeout(function() { change() }, 1000) } }</script>
则 html如下:
<div class="kv_item clear"> <span class="kv_label fl">验证码</span> <input name="checkCode" class="i_textshort fl" id="J_checkcode_input" onmousedown="ClearCodeMessage()" type="text" maxlength="6" autocomplete="off" onblur="CheckCode()" /> <img src="../../AjaxServer/CheckCodePic.ashx" height="28" id="vimg" alt="" style="float:left;margin:-1px 0 0 3px"/> <a id="J_refresh_checkcode" onclick="change()">看不清,换一张</a> <div class="msg msg-inline msg-weak hide" id="J_checkcode_tip"> <div class="msg-default msg-error"> <i class="msg-icon"></i> <div class="msg-content"> </div> </div> </div> </div>
相关文章
javascript巧用eval函数组装表单输入项为json对象的方法
这篇文章主要介绍了javascript巧用eval函数组装表单输入项为json对象的方法,实例分析了JavaScript使用eval函数动态构造json对象的相关技巧,需要的朋友可以参考下2015-11-11JavaScript undefined及null区别实例解析
这篇文章主要介绍了JavaScript undefined及null区别实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-07-07Javascript使用function创建类的两种方法(推荐)
下面小编就为大家带来一篇Javascript使用function创建类的两种方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-11-11详解用原生JavaScript实现jQuery的某些简单功能
本篇文章主要对用原生JavaScript实现jQuery的某些简单功能进行详细全面的讲解,具有很好的参考价值,需要的朋友一起来看下吧2016-12-12
最新评论