Heim > Web-Frontend > js-Tutorial > Hauptteil

Das Jquery-Plug-in implementiert das Verbot des erneuten Abrufens innerhalb von 60 Sekunden nach dem Klicken, um den Bestätigungscode_jquery abzurufen

WBOY
Freigeben: 2016-05-16 16:09:43
Original
1537 Leute haben es durchsucht

Das Plug-in jquery.cookie.js kann schnell die Funktion „Verhinderung der erneuten Erfassung innerhalb von 60 Sekunden nach dem Klicken zum Abrufen des Bestätigungscodes (Anti-Aktualisierung)“ implementieren.

Rendering:

Gehen Sie zunächst auf die offizielle Website (http://plugins.jquery.com/cookie/), um das Cookie-Plugin herunterzuladen, und legen Sie es im entsprechenden Ordner ab. Der Code lautet wie folgt:

Code kopieren Der Code lautet wie folgt:






Beispiele





<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(erneut senden);<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(erneut senden);<br>                     btn.val("获取验证码").removeAttr('disabled style');<br>                }<br>              }, 1000);<br>                btn.attr('disabled',true).css('cursor','not-allowed');<br>         });<br> });<br> </script>



          
          




Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er gefällt Ihnen allen.

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage