js控制再次点击按钮之间的间隔时间可防止重复提交
2014-08-01 00:00
701 查看
<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>
相关文章推荐
- js控制再次点击按钮之间的间隔时间可防止重复提交
- js控制再次点击按钮之间的间隔时间
- js控制当再次点击按钮时的间隔时间
- js控制当再次点击按钮时的间隔时间
- JS防止表单提交之后用户点击浏览器后退按钮再次提交
- 控制页面按钮在后台执行期间不重复提交的JS方法
- 表单提交到下一个页面后,再点击IE上的后退,如何能让表单内容再次显示出来?(以及当前页禁止IE返回按钮js)
- asp.net JS控制页面按钮在后台执行期间不重复提交
- js控制,提交后隐藏提交按钮,并一分钟内不能再次提交
- js中防止连续点击按钮导致多次重复提交数据的方法
- js仿止用户重复点击提交按钮
- 通过JS控制各种元素的点击事件的【时间间隔】,特别适合【发表评论】功能
- js解决列表中按钮重复点击重复提交的问题
- js控制,提交后隐藏提交按钮,并一分钟内不能再次提交
- 关于js中按钮类型是image时表单验证问题---点击一次可以验证再次点击直接提交--的问题
- 控制页面按钮在后台执行期间不重复提交的JS方法
- asp.net JS控制页面按钮在后台执行期间不重复提交
- Web应用中使用javascript阻止某个提交按钮被重复点击
- js控制页面自动刷新,可设置时间间隔
- js 控制按钮点击后不可用