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对象的方法,实例分析了JavaScript使用eval函数动态构造json对象的相关技巧,需要的朋友可以参考下
    2015-11-11
  • js实现筛选功能

    js实现筛选功能

    这篇文章主要为大家详细介绍了js实现筛选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11
  • JavaScript undefined及null区别实例解析

    JavaScript undefined及null区别实例解析

    这篇文章主要介绍了JavaScript undefined及null区别实例解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • Javascript使用function创建类的两种方法(推荐)

    Javascript使用function创建类的两种方法(推荐)

    下面小编就为大家带来一篇Javascript使用function创建类的两种方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • 如何使用js获取扩展名详解

    如何使用js获取扩展名详解

    给你一个文件名,你能获得它的扩展名吗?这篇文章主要给大家介绍了关于如何使用js获取扩展名的相关资料,文中介绍了几种实现的方法,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-02-02
  • JavaScript判断undefined类型的正确方法

    JavaScript判断undefined类型的正确方法

    这篇文章主要介绍了JavaScript判断undefined类型的正确方法,相信很多同学在遇到这问题时都会用到错误的方法,正确方法也很简单,需要的朋友可以参考下
    2015-06-06
  • 详解用原生JavaScript实现jQuery的某些简单功能

    详解用原生JavaScript实现jQuery的某些简单功能

    本篇文章主要对用原生JavaScript实现jQuery的某些简单功能进行详细全面的讲解,具有很好的参考价值,需要的朋友一起来看下吧
    2016-12-12
  • JavaScript实现复制内容到粘贴板代码

    JavaScript实现复制内容到粘贴板代码

    最近做了一个前端项目,其中有需求:通过button直接把input或者textarea里的值复制到粘贴板里。下面小编给大家分享JavaScript实现复制内容到粘贴板代码,需要的朋友参考下
    2016-03-03
  • JS正则验证邮箱的格式详细介绍

    JS正则验证邮箱的格式详细介绍

    这篇文章主要介绍了JS正则验证邮箱的格式。需要的朋友可以过来参考下,希望对大家有所帮助
    2013-11-11
  • JavaScript仿商城实现图片广告轮播实例代码

    JavaScript仿商城实现图片广告轮播实例代码

    大家在逛购物商城的时候不知道有没有注意到商城首页上面都会有各种轮播广告,效果非常好,下面小编给大家整理特此分享给大家学习
    2016-02-02

最新评论