1. <p id="ijjhg"></p>
      <acronym id="ijjhg"></acronym>

    2. <p id="ijjhg"></p>
      <table id="ijjhg"><ruby id="ijjhg"><mark id="ijjhg"></mark></ruby></table>
      0712-2888027 189-8648-0214
      微信公眾號

      孝感風信網絡科技有限公司微信公眾號

      當前位置:主頁 > 技術支持 > Javascript/JQuery > JQuery源代碼:信息已發出,60秒后重新發送

      JQuery源代碼:信息已發出,60秒后重新發送

      時間:2024-06-05來源:風信官網 點擊: 672次
      JQuery源代碼:信息已發出,60秒后重新發送

      HTML源代碼片斷:

      <!--短信驗證碼-->
              <div class="vervode_main ovhide hide">
                  <div class="vercode_l fl">
                      <input type="number" style="border:1px solid #e1e1e1;" placeholder="短信驗證碼" name="code" value="" regexp="^[0-9]{4,6}$">
                      <div class="code_error hide">
                          <i class="iconfont icon-pc-tishi"></i>
                          <span>請輸入正確驗證碼</span>
                      </div>
                  </div>
                  <div class="vercode_r">
                      <button type="button" class="" id="sendCode" onclick="getVerify1()">獲取驗證碼</button>
                      <div class="send_again hide"><span>60</span>s后重新發送</div>
                  </div>
              </div>

      JQuery源代碼片斷:
       
      <script>
          var miao1 = 60;
          var m1 = null;
       
          var codeBtnObj1 = $("#sendCode");
          var daojishi1 = function() {
              clearInterval(m1);
       
              if (miao1 == 0) {
                  codeBtnObj1.html('獲取驗證碼');
                  miao1 = 60;
                  $("#sendCode").attr("onclick","getVerify1()");
              } else {
                  miao1 = miao1 - 1;
                  codeBtnObj1.html(miao1 + 's后重新發送');
                  m1 = setInterval(daojishi1, 1000);
                  $("#sendCode").attr("onclick","getalert()");
              }
          };
       
          function  getalert() {
              layer.alert('信息已發出,60秒后重新發送');
          }
       
          function getVerify1() {
              var tel = $.trim( $("input[name=tel]").val() );
              if(tel=='') {
                  layer.alert('請輸入手機號');
                  return;
              }
              $.ajax({
                  url: "http://www.thundersandwich.net/sendmsgcode",
                  type: "POST",
                  data: {phone: tel},
                  dataType: "json",
                  success: function (data) {
                      if (data.status == 1) {
                          daojishi1();
                      } else {
                          alert(data.msg);
                      }
                  }
              });
          }
       
          function guanbi() {
              $("#gray").hide();
              $(".login").hide();
          }
       
          function showlogin(){
              $("#gray").show();
              $(".login").show();
          }
      </script>

      手機號驗證,動態監測手機號源代碼片斷:
      <script>
          /*手機號輸入監控*/
          function checkmobile(phone){
              var myreg = /^1[3-9][0-9]{9}$/;
              if(myreg.test(phone)){
                  return true;
              }else{
                  return false;
              }
          }
      
          //輸入手機號時,動態監測手機號
          $("input[name=tel]").on("keyup",function(){
              if(checkmobile($(this).val())){
                  var phone=$(this).val();
                  $.ajax({
                      url: "/index.php/Index/checktel",
                      type: "POST",
                      data: {phone: phone},
                      dataType: "json",
                      success: function (data) {
                          if(data.status!=1){
                              if($(".vervode_main").hasClass("hide")){
                                  $(".vervode_main").removeClass("hide");
                              }
                          }
                      }
                  });
              }else{
                  $(".vervode_main").addClass("hide");
              }
          })
      </script>

      熱門關鍵詞: JQuery 源代碼 信息已發出
      欄目列表
      推薦內容
      熱點內容
      展開
      中文字幕第二页在线天堂中文_中文字幕制服丝袜在线观看_美女胸禁止18以下看免费国产_中日韩人妻一级毛片