この記事では、検証コードのランダム生成と検証を実現するためのJavaScriptの具体的なコードを参考までに紹介します。具体的な内容は次のとおりです。 確認コード(大文字と小文字が区別されます)を入力し、「確認」をクリックして確認します。エラーが発生したときにポップアップウィンドウが表示されます クリックするとランダムな確認コードが再生成されます 認証コードが間違って入力された場合にプロンプトを表示する <本文> <div class="v_code"> <div class="code_show"> <span class="code" id="チェックコード"></span> <a href="#" id="linkbt">よく見えないので、1 つ変更してください</a> </div> <div class="input_code"> <label for="inputCode">確認コード:</label> <input type="text" id="入力コード"> <span id="text_show"></span> </div> <input type="button" id="Button1" value="確認"> </div> <スクリプト> // 1. 検証コードを生成します // 6桁の数字 0-9 af ランダムに6桁の数字を生成します。数字は0-9 af の文字列である必要があります // 配列の添え字 0、1、2... 配列からランダムに添え字 0-15 を生成します // 2. 検証して「確認」をクリックして比較します window.onload = function() { 定数ランダムワード = () => { code = '' とします。 (var i = 0; i < 6; i++) の場合 { var type = getRandom(1,3); スイッチ(タイプ) { ケース1: code += String.fromCharCode(getRandom(48,57)) // デジタルブレーク; ケース2: code += String.fromCharCode(getRandom(65,90)); // 大文字区切り; ケース3: code += String.fromCharCode(getRandom(97,122)); // 小文字の区切り; } } 戻りコード; } 関数 getRandom(最小値, 最大値) { Math.round(Math.random()*(max-min)+min) を返します。 } //データ取得関数を呼び出す const rand = randomWord(); //console.log(rand); var checkCode = document.getElementById('checkCode'); checkCode.innerText = rand; // クリックすると乱数が切り替わります var linkbt = document.getElementById('linkbt'); linkbt.addEventListener('click', 関数() { checkCode.innerText = ランダムワード(); }) // 比較のために送信 document.getElementById('Button1').onclick = function() { var inputCode = document.querySelector('#inputCode'); 入力コードの値とチェックコードの内部テキストが等しい場合 alert('入力した確認コードが正しくありません'); 入力コード値 = ''; false を返します。 } それ以外 { alert('入力は正しいです'); } } } </スクリプト> </本文> 以上がこの記事の全内容です。皆様の勉強のお役に立てれば幸いです。また、123WORDPRESS.COM を応援していただければ幸いです。 以下もご興味があるかもしれません:
|
>>: Docker Compose ネットワーク設定の説明
ジェネリックの定義 // 要件 1: ジェネリックは指定されていないデータ型をサポートできるため、渡...
目次レンダリングAPIの変更レンダリング関数のパラメータレンダリング関数のシグネチャの変更VNode...
1. 分離マーカーを追加します。 ip netns add fd 2. 指定されたネットワーク カ...
span タグのスタイルに width 属性を直接設定すると、効果がないことがわかります。 disp...
まず、MySQL とは何かを理解しましょう。 MySQL は、スウェーデンの会社 MySQL AB ...
目次最初にコールバック関数を使用するes6 非同期処理モデルこの非同期モデルに合わせたAPI: pr...
序文ロックの範囲に応じて、MySQL のロックは、グローバル ロック、テーブル ロック、行ロックに大...
毎日jQueryプラグイン - カルーセルチャートを実装するためのjQueryプラグイン。参考までに...
目次ToDoリストを例に挙げましょうディレクトリは次のとおりですアプリ入力.jsリスト.jsアイテム...
1. Nginx ロードバランシングの実装原理1. Nginxはリバースプロキシを通じて負荷分散を実...
<a href="https://www.jb51.net/" title...
画像をプルする docker プル mysql完成した画像を見る Docker イメージイメージを介...
1. dockerfileを作成するときにsshパスワードを設定するには、次のコマンドを使用します。...
1. 概要Zabbix は非常に強力で、最も広く使用されているオープンソースの監視ソフトウェアです。...
目次1.mysqlダンプ実行プロセス:特徴2. CSVファイルをエクスポートする(最も柔軟性が高い)...