I det här kapitlet kommer vi att diskutera lösenordsvalidering med JavaScript. Vi måste validera ett lösenord varje gång en användare skapar ett konto på någon webbplats eller app. Så vi måste verifiera ett giltigt lösenord samt sätta bekräftelse av lösenordsvalidering. För ett giltigt lösenord måste följande parametrar finnas i det för att vara giltigt -

• Ett lösenord bör vara alfanumeriskt.
• Första bokstaven i lösenordet ska vara stor.
• Lösenordet måste innehålla ett specialtecken (@, $, !, &, etc).
• Lösenordslängden måste vara längre än 8 tecken.
• En av de viktigaste att lösenordsfälten inte ska vara tomma.

Närhelst en användare skapar ett lösenord finns det alltid ytterligare ett fält för bekräftelse av lösenord. Den kontrollerar att lösenordet som angetts av användaren är detsamma som detta bekräftelselösenordsfält. För att skapa ett giltigt lösenord måste både lösenords- och bekräftelselösenordsfältets värde matchas.

Först kommer vi att leta efter ett giltigt lösenord och sedan bekräfta kontroller av lösenordsvalidering.

Giltigt lösenord Validering

I det här exemplet kommer vi att kontrollera att lösenordet som skapats av användaren är giltigt eller inte och matchar alla parametrar som diskuterats ovan. Se koden nedan för lösenordsverifiering.

Kopiera kod

c++ set

 Verification of valid Password function verifyPassword() { var pw = document.getElementById(&apos;pswd&apos;).value; //check empty password field if(pw == &apos;&apos;) { document.getElementById(&apos;message&apos;).innerHTML = &apos;**Fill the password please!&apos;; return false; } //minimum password length validation if(pw.length 15) { document.getElementById(&apos;message&apos;).innerHTML = &apos;**Password length must not exceed 15 characters&apos;; return false; } else { alert(&apos;Password is correct&apos;); } } <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 

Produktion

Ett HTML-formulär kommer att visas på webben genom att exekvera ovanstående kod. Ange här data i textfält och klicka på knappen Skicka för att bearbeta. Enligt valideringar, om uppgifterna är korrekta, kommer en varningsruta att dyka upp med ett meddelande: Ditt lösenord skapat framgångsrikt. Här när du klickar på OK knappen, tar den till en annan utgång.

Skärmdump 1

När du klickar på OK knappen inuti varningsrutan flyttas den till en enkel HTML-utgång där den visar ett meddelande Formulärdata har skickats .

Skärmdump 2

binary tree postorder traversal

Utgång på att ge felaktiga poster

Om du angav ett fel värde eller lämnade något obligatoriskt fält tomt, kommer det att visa ett fel till höger om inmatningsrutan. Dessa fel kommer att visas ett efter ett efter valideringskontrollen med varje klick på Skicka in knapp. Se felen i skärmdumpen nedan:

För att kontrollera att alla valideringar fungerar korrekt eller inte, kopiera koden och kör den i din JavaScript-kompilator.