У цьому розділі ми обговоримо перевірку пароля за допомогою JavaScript. Нам потрібно перевіряти пароль кожного разу, коли користувач створює обліковий запис на будь-якому веб-сайті чи в додатку. Отже, ми повинні перевірити дійсний пароль, а також поставити підтвердження пароля. Щоб пароль був дійсним, він повинен містити наступні параметри:
- Пароль має бути буквено-цифровим.
- Перша літера пароля має бути великою.
- Пароль повинен містити спеціальний символ (@, $, !, & тощо).
- Довжина пароля має бути більше 8 символів.
- Одним із найважливіших є те, що поля пароля не повинні бути порожніми.
Щоразу, коли користувач створює пароль, завжди є ще одне поле підтвердження пароля. Він перевіряє, чи пароль, введений користувачем, збігається з полями підтвердження пароля. Щоб створити дійсний пароль, значення полів пароля та підтвердження пароля мають збігатися.
Спочатку ми перевіримо дійсний пароль, а потім підтвердимо перевірку пароля.
Перевірка дійсного пароля
У цьому прикладі ми перевіримо, чи пароль, створений користувачем, дійсний чи ні та чи відповідає всім параметрам, розглянутим вище. Перегляньте код нижче для підтвердження пароля.
Копіювати код
кнопка в центрі css
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 Перевірте зараз Вихід
Після виконання наведеного вище коду в Інтернеті з’явиться HTML-форма. Тут введіть дані в текстові поля та натисніть кнопку «Надіслати» для обробки. Згідно з перевірками, якщо дані правильні, з’явиться вікно сповіщення з повідомленням: Ваш пароль створено успішно. Тут, коли ви натискаєте на в порядку кнопку, він перейде до іншого виходу.
Скріншот 1
Коли ви натискаєте на в порядку кнопку всередині вікна сповіщення, він переміститься до простого виводу HTML, де відобразить повідомлення Дані форми успішно надіслано .
Скріншот 2
uri проти url
Вивід про надання неправильних записів
Якщо ви ввели неправильне значення або залишили будь-яке обов’язкове поле порожнім, праворуч від поля введення відобразиться повідомлення про помилку. Ці помилки відображатимуться одна за одною після перевірки під час кожного натискання кнопки Надіслати кнопку. Перегляньте помилки на знімку екрана нижче:
Щоб перевірити, чи всі перевірки працюють правильно чи ні, скопіюйте код і виконайте його у своєму компіляторі JavaScript.