首頁  >  文章  >  web前端  >  js實作取得簡訊驗證碼實例

js實作取得簡訊驗證碼實例

小云云
小云云原創
2018-03-30 17:31:043876瀏覽

本文主要和大家分享js實作取得簡訊驗證碼實例,主要以程式碼的形式和大家分享,希望能幫助大家。

$(".form-data").delegate(".send","click",function
 () {
         var phone = $("#tel").val();
         if (phone == "") {
             alert('请先填写手机号')
             $("#tel").css("background-color","#ff2f28");
             return false;
         }
         $(this).hide();
         $.ajax({
             url: "/sendsms",
             type: "get",
             dataType: 'json',
             data: {phone: phone },
             async: false,
             success: function (data) {
                 console.log(data)
                 if (data.status == 0) {
                     settime();
                 } else {
                     alert(data.msg)
                     settime();
                 }
             },
             error: function () {
                 alert('网络忙');
                 settime();
             }
         });
     })
     var countdown = 120;
     function settime() {
         if (countdown == 0) {
             $(".time").attr("class","time hide");
             $(".time").text("<em>120</em>s");
             $(".send").css(&#39;display&#39;,&#39;block&#39;);
             countdown = 120;
             return false;
         } else {
             $(".time").removeClass(&#39;hide&#39;);
             $(".time").text("重新发送("+ countdown+"s)");
             countdown--;
         }
         setTimeout(function () {
             settime();
         }, 1000);
     }

相關推薦:

js取得簡訊驗證碼按鈕倒數計時器

js實作簡訊驗證碼讀取秒功能

怎麼用php實作簡訊驗證碼發送

#

以上是js實作取得簡訊驗證碼實例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn