ホームページ > 記事 > ウェブフロントエンド > JavaScriptは携帯電話の確認コードを設定します60秒待機コード
この記事では、携帯電話用の 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>
var btn1 = document.querySelector('.btn1'); var tel = document.querySelector('.tel'); var error = document.querySelector('.error'); var time = 60; btn1.onclick = function(){ var name = tel.value; if (name == "") { error.innerHTML='手机号不能为空!'; return; } else { if (!(/^1[3|4|5|7|8]\d{9}$/.test(name))) { error.innerHTML='手机号格式有误.'; 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 サイトの他の関連記事を参照してください。