Le plug-in Jquery implémente l'interdiction de ré-obtenir dans les 60 secondes après avoir cliqué pour obtenir le code de vérification_jquery

Le plug-in jquery.cookie.js peut rapidement implémenter la fonction "interdire la réacquisition dans les 60 secondes après avoir cliqué pour obtenir le code de vérification (anti-rafraîchissement)"

Rendu :

Allez d'abord sur le site officiel (http://plugins.jquery.com/cookie/) pour télécharger le plug-in cookie et placez-le dans le dossier correspondant. Le code est le suivant :

Copier le code Le code est le suivant :

Exemples





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

          
          

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.