ホームページ > ウェブフロントエンド > jsチュートリアル > Jqueryプラグインで検証コード取得クリック後60秒以内の再取得禁止を実装_jquery

Jqueryプラグインで検証コード取得クリック後60秒以内の再取得禁止を実装_jquery

WBOY
リリース: 2016-05-16 16:09:43
オリジナル
1570 人が閲覧しました

jquery.cookie.jsプラグインは「認証コード取得クリック後60秒以内の再取得禁止(アンチリフレッシュ)」機能を素早く実装できます

レンダリング:

まず、公式 Web サイト (http://plugins.jquery.com/cookie/) にアクセスして、Cookie プラグインをダウンロードし、対応するフォルダーに配置します。コードは次のとおりです。

コードをコピー コードは次のとおりです:



<頭>



<メタ名="説明" コンテンツ="">
<メタ名="キーワード" コンテンツ="">



<スクリプト>
    $(関数(){
        /*仿刷新:クッキーが存在するかどうか*/
        if($.cookie("キャプチャ")){
            var count = $.cookie("captcha");
            var btn = $('#getting');
            btn.val(count '秒後可重新获取').attr('disabled',true).css('cursor','not-allowed');
            var resend = setInterval(function(){
                数える--;
                if (カウント > 0){
                    btn.val(count '秒後可重新获取').attr('disabled',true).css('cursor','not-allowed');
                    $.cookie("captcha", count, {パス: '/', 有効期限: (1/86400)*count});
                }else {
                    clearInterval(再送信);
                    btn.val("获取验证码").removeClass('disabled').removeAttr('disabled style');
                }
            }, 1000);
        }
        /*点击改变按钮状態,既略略ajax送信短信验证の代版*/
        $('#getting').click(function(){
            var btn = $(this);
            var count = 60;
            var resend = setInterval(function(){
                数える--;
                if (カウント > 0){
                    btn.val(count "秒後可重新获取");
                    $.cookie("captcha", count, {パス: '/', 有効期限: (1/86400)*count});
                }else {
                    clearInterval(再送信);
                    btn.val("获取验证码").removeAttr('無効なスタイル');
}
}, 1000);
btn.attr('disabled',true).css('cursor','not-allowed');
});
});










以上がこの記事の全内容です。皆さんに気に入っていただければ幸いです。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート