亚洲激情专区-91九色丨porny丨老师-久久久久久久女国产乱让韩-国产精品午夜小视频观看

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

web開發中如何實現手機注冊發送驗證碼倒計時

發布時間:2021-07-26 14:29:54 來源:億速云 閱讀:169 作者:小新 欄目:web開發

這篇文章主要介紹了web開發中如何實現手機注冊發送驗證碼倒計時,具有一定借鑒價值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

如下所示:

()這里用的是input做的點擊發送驗證碼
<input type="number" class="input" name="mobile" placeholder="手機號" 

<input class="hui_kuang"onclick="setTime(this)" value='獲取驗證碼'>
<script>
  
//頁面初始化獲取倒計時數字(避免在倒計時時用戶刷新瀏覽器導致倒計時歸零)
 var $getCodeInput = $(".hui_kuang");
 var sessionCountdown = sessionStorage.getItem("countdown");
 if (!sessionCountdown) {
  $(".hui_kuang").val("獲取驗證碼")
 } else {
  $(".hui_kuang").val("重新發送(" + sessionCountdown + ")");
  setCode($getCodeInput, sessionCountdown);
 }
 //獲取驗證碼
 function setTime() {
  var remobile = $("#registForm input[name='mobile']").val();
  if (!remobile) {
   alert("請輸入手機號碼")
   return;

  }
  if (!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(remobile))) {
   alert("請輸入有效的手機號碼")
   return;
  } else {
   setCode($getCodeInput, 60);
  }

 }
 //發送驗證碼倒計時
 function setCode($getCodeInput, countdown) {
  if (countdown == 0) {
   $getCodeInput.attr('disabled', false);
//   $getCodeInput.removeAttribute("disabled");
   $getCodeInput.val("獲取驗證碼");
   sessionStorage.removeItem("countdown");
   return;
  } else {
   $getCodeInput.attr('disabled', true);
   $getCodeInput.val("重新發送(" + countdown + ")");
   countdown--;
  }
  sessionStorage.setItem("countdown", countdown);
  window.setTimeout(function () {
   setCode($getCodeInput, countdown);
  }, 1000);
 }
</script>

感謝你能夠認真閱讀完這篇文章,希望小編分享的“web開發中如何實現手機注冊發送驗證碼倒計時”這篇文章對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,更多相關知識等著你來學習!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

竹北市| 绍兴市| 雅江县| 当雄县| 永康市| 松溪县| 苏尼特左旗| 天等县| 蒙山县| 峡江县| 洪洞县| 黑水县| 武夷山市| 营口市| 且末县| 平顶山市| 黄大仙区| 吉安县| 安顺市| 明星| 二连浩特市| 铜山县| 大悟县| 思南县| 普定县| 治多县| 武定县| 安多县| 措勤县| 酉阳| 镇原县| 双江| 玉门市| 简阳市| 罗田县| 松原市| 宁武县| 丁青县| 西平县| 锡林郭勒盟| 红桥区|