ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScriptは携帯電話の確認コードを設定します60秒待機コード

JavaScriptは携帯電話の確認コードを設定します60秒待機コード

陈政宽~
陈政宽~オリジナル
2017-06-28 12:44:451512ブラウズ

この記事では、携帯電話用の JS 設定を共有します検証コード60s を必要とする友人は、それを参照してください

html:

<p class="input">
  <input class="tel input_all" type="text" name="tel" placeholder="手机号">
</p>
<p class="input huoqu">
  <input class="yzm input_all" type="text" name="code" placeholder="验证码">
  <button class="btn1">获取验证码</button>
</p>
<span class="error"></span>

JavaScript:

var btn1 = document.querySelector(&#39;.btn1&#39;);
var tel = document.querySelector(&#39;.tel&#39;);
var error = document.querySelector(&#39;.error&#39;);
var time = 60;
btn1.onclick = function(){
  var name = tel.value;  
  if (name == "") {
    error.innerHTML=&#39;手机号不能为空!&#39;;
    return;
  } 
  else {
    if (!(/^1[3|4|5|7|8]\d{9}$/.test(name))) {
      error.innerHTML=&#39;手机号格式有误.&#39;;
       return;
    }
  }
  var timer = setInterval(function(){    
    time--;
    btn1.innerHTML = time + "秒";
    btn1.disabled = true;
    if (time==0) {
      time = 60;
      clearInterval(timer); 
      btn1.innerHTML = "获取验证码";
      btn1.disabled = false;
    }
  },1000);
}

上記はエディターがあなたに紹介したものです。JS は携帯電話認証コードを設定し、コードを実装するまで 60 秒待ちます。ご質問があれば、メッセージを残してください。編集者が時間内に返信させていただきます。スクリプト ハウス Web サイトをサポートしてくださった皆様にも感謝いたします。

以上がJavaScriptは携帯電話の確認コードを設定します60秒待機コードの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。