この章では、JavaScript を使用したパスワード検証について説明します。ユーザーがウェブサイトやアプリでアカウントを作成するたびに、パスワードを検証する必要があります。したがって、パスワード検証の確認を行うだけでなく、有効なパスワードを検証する必要があります。有効なパスワードには、次のパラメータが含まれている必要があります。
- パスワードは英数字である必要があります。
- パスワードの最初の文字は大文字にする必要があります。
- パスワードには特殊文字 (@、$、!、& など) が含まれている必要があります。
- パスワードの長さは 8 文字以上である必要があります。
- 最も重要なことの 1 つは、パスワード フィールドを空にしないことです。
ユーザーがパスワードを作成するときは常に、パスワードを確認するフィールドが 1 つ増えます。ユーザーが入力したパスワードがこのパスワード確認フィールドと同じであるかどうかがチェックされます。有効なパスワードを作成するには、パスワード フィールドとパスワード確認フィールドの両方の値が一致する必要があります。
まず、有効なパスワードを確認し、次にパスワード検証チェックを確認します。
有効なパスワードの検証
この例では、ユーザーが作成したパスワードが有効かどうかを確認し、上で説明したすべてのパラメーターと一致することを確認します。パスワードの検証については、以下のコードを参照してください。
コードをコピーする
Javaでリストを反復する
Verification of valid Password function verifyPassword() { var pw = document.getElementById('pswd').value; //check empty password field if(pw == '') { document.getElementById('message').innerHTML = '**Fill the password please!'; return false; } //minimum password length validation if(pw.length 15) { document.getElementById('message').innerHTML = '**Password length must not exceed 15 characters'; return false; } else { alert('Password is correct'); } } <h3> Verify valid password Example </h3> <td> Full Name* </td> <span id="blankMsg"> </span> <br> <br> <td> Last Name </td> <span id="charMsg"> </span> <br> <br> <td> Create Password* </td> <span id="message1"> </span> <br> <br> <td> Confirm Password* </td> <span id="message2"> </span> <br> <br> Reset 今すぐテストしてください 出力
上記のコードを実行すると、Web 上に HTML フォームが表示されます。ここで、テキストフィールドにデータを入力し、「送信」ボタンをクリックして処理します。検証によれば、データが正しい場合は、次のメッセージを含むアラート ボックスがポップアップ表示されます。 パスワードが作成されました 成功しました。ここをクリックすると、 わかりました ボタンを押すと、別の出力が表示されます。
スクリーンショット 1
をクリックすると、 わかりました アラート ボックス内のボタンをクリックすると、単純な HTML 出力に移動し、メッセージが表示されます。 フォームデータが正常に送信されました 。
スクリーンショット 2
Java文字列連結
間違ったエントリを指定した場合の出力
間違った値を入力した場合、または必須フィールドを空のままにした場合は、入力ボックスの右側にエラーが表示されます。これらのエラーは、検証チェックの後、クリックするたびに 1 つずつ表示されます。 提出する ボタン。以下のスクリーンショットのエラーを参照してください。
すべての検証が正しく機能しているかどうかを確認するには、コードをコピーし、JavaScript コンパイラーで実行します。