首页 > web前端 > js教程 > Jquery插件实现点击获取验证码后60秒内禁止重新获取_jquery

Jquery插件实现点击获取验证码后60秒内禁止重新获取_jquery

WBOY
发布: 2016-05-16 16:09:43
原创
1556 人浏览过

通过jquery.cookie.js插件可以快速实现“点击获取验证码后60秒内禁止重新获取(防刷新)”的功能

效果图:

先到官网(http://plugins.jquery.com/cookie/)下载cookie插件,放到相应文件夹,代码如下:

复制代码 代码如下:






Examples





<script><br /> $(function(){<br /> /*仿刷新:检测是否存在cookie*/<br /> if($.cookie("captcha")){<br /> var count = $.cookie("captcha");<br /> var btn = $('#getting');<br /> btn.val(count+'秒后可重新获取').attr('disabled',true).css('cursor','not-allowed');<br /> var resend = setInterval(function(){<br /> count--;<br /> if (count > 0){<br /> btn.val(count+'秒后可重新获取').attr('disabled',true).css('cursor','not-allowed');<br /> $.cookie("captcha", count, {path: '/', expires: (1/86400)*count});<br /> }else {<br /> clearInterval(resend);<br /> btn.val("获取验证码").removeClass('disabled').removeAttr('disabled style');<br /> }<br /> }, 1000);<br /> }<br /> /*点击改变按钮状态,已经简略掉ajax发送短信验证的代码*/<br /> $('#getting').click(function(){<br /> var btn = $(this);<br /> var count = 60;<br /> var resend = setInterval(function(){<br /> count--;<br /> if (count > 0){<br /> btn.val(count+"秒后可重新获取");<br /> $.cookie("captcha", count, {path: '/', expires: (1/86400)*count});<br /> }else {<br /> clearInterval(resend);<br /> btn.val("获取验证码").removeAttr('disabled style');<br /> }<br /> }, 1000);<br /> btn.attr('disabled',true).css('cursor','not-allowed');<br /> });<br /> });<br /> </script>


   

       
       
   




以上就是本文的全部内容了,希望大家能够喜欢。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板