В тази глава ще обсъдим валидирането на парола с помощта на JavaScript. Трябва да потвърждаваме парола всеки път, когато потребител създава акаунт на който и да е уебсайт или приложение. Така че трябва да проверим валидна парола, както и да поставим валидирането на потвърждението на паролата. За валидна парола трябва да съдържа следните параметри, за да бъде валидна -
- Паролата трябва да е буквено-цифрова.
- Първата буква на паролата трябва да е главна.
- Паролата трябва да съдържа специален знак (@, $, !, & и т.н.).
- Дължината на паролата трябва да е по-голяма от 8 знака.
- Един от най-важните е, че полетата за парола не трябва да са празни.
Всеки път, когато потребител създаде парола, винаги има още едно поле за потвърждение на паролата. Той проверява дали паролата, въведена от потребителя, е същата като тези полета за потвърждение на паролата. За да създадете валидна парола, стойностите на полетата за парола и за потвърждение на паролата трябва да съвпадат.
Първо ще проверим за валидна парола и след това ще потвърдим проверките за валидиране на паролата.
Валидиране на валидна парола
В този пример ще проверим дали паролата, създадена от потребителя, е валидна или не и съответства на всички параметри, обсъдени по-горе. Вижте кода по-долу за проверка на паролата.
Копиране на код
python запазва json във файл
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
replaceall
Изход при предоставяне на грешни записи
В случай че сте въвели грешна стойност или сте оставили някое задължително поле празно, ще се покаже грешка вдясно на полето за въвеждане. Тези грешки ще се показват една по една след проверката за валидиране с всяко щракване върху Изпращане бутон. Вижте грешките на екранната снимка по-долу:
За да проверите дали всички проверки работят правилно или не, копирайте кода и го изпълнете във вашия JavaScript компилатор.