<ruby id="eitmy"></ruby>
<strong id="eitmy"></strong>
      1. <li id="eitmy"></li>

        1. <li id="eitmy"></li>
          0712-2888027 189-8648-0214
          微信公眾號

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

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

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

          時間:2024-04-11來源:風信官網 點擊: 604次
          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.deepvoicesmusic.com/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 源代碼 信息已發出
          欄目列表
          推薦內容
          熱點內容
          展開
          一区二区三区福利视频免费看|久久天天躁狠狠躁夜夜2020一|亚洲日本欧美日韩高观看|免费A片无遮挡网站