<script src="http://cdn.bootcss.com/jquery/3.1.0/jquery.js"></script>
<script src="http://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.js"></script>  
<script>
        $(function(){
            /*防刷新：檢測是否存在cookie*/
            if($.cookie("captcha")){
                var count = $.cookie("captcha");
                
 
var btn = $(‘#getting‘);
                btn.val(count+‘秒後可重新獲取‘).attr(‘disabled‘,true).css(‘cursor‘,‘not-allowed‘);
                var resend = setInterval(function(){
                    count--;
                    if (count > 0){
                        btn.val(count+‘秒後可重新獲取‘).attr(‘disabled‘,true
 
).css(‘cursor‘,‘not-allowed‘);
                        $.cookie("captcha", count, {path: ‘/‘, expires: (1/86400)*count});
                    }else {
                        clearInterval(resend);
                        btn.val("獲取驗證碼").removeClass(‘disabled‘).removeAttr(‘disabled style‘);
                    }
                }, 
 
1000);
            }

              /*點擊改變按鈕狀態，已經簡略掉ajax發送短信驗證的代碼*/
        $(‘.get_code‘).click(function(){
            var btn = $(this);
            var count = 60;
            var tel=$(".tel_inp").val();
            var $templateId="59108";
            if(tel==""){
                layer.tips("手機號不能為空", ".tel_inp", {tips:3,time:2000});
            }
            else if(!(/^1(3|4|5|7|8)\d{9}$/).test(tel)){
                layer.tips("手機號輸入不正確", ".tel_inp", {tips:3,time:2000});
            }
            else{
                var resend = setInterval(function(){
                    count--;
                    if (count > 0){
                        btn.text(‘重新發送(‘+count+‘)‘);
                        $.cookie("captcha", count, {path: ‘/‘, expires: (1/86400)*count});
                    }else {
                        clearInterval(resend);
                        btn.text("獲取動態密碼").removeAttr(‘disabled style‘);
                    }
                }, 1000);
                $.ajax({
                    url  : "/duanxin/demo.php",
                    type : ‘post‘,
                    data : {‘tel‘:tel,‘templateId‘:$templateId},
                    dataType:‘text‘,
                    //beforeSend:function(){},
                    success:function(data){
                        layer.tips(data, ".tel_inp", {tips:3,time:2000});
                    }
                });
                btn.attr(‘disabled‘,true).css(‘cursor‘,‘not-allowed‘);
            }

        });
</script>
 

短信驗證碼js效果實現(防刷新)