I dette kapittelet vil vi diskutere passordvalidering ved hjelp av JavaScript. Vi må validere et passord hver gang en bruker oppretter en konto på en hvilken som helst nettside eller app. Så vi må bekrefte et gyldig passord samt legge inn bekreftelse av passord. For et gyldig passord, må følgende parametere inneholdes av det for å være gyldig -

• Et passord skal være alfanumerisk.
• Første bokstav i passordet skal være stor.
• Passordet må inneholde et spesialtegn (@, $, !, & osv.).
• Passordlengden må være lengre enn 8 tegn.
• En av de viktigste at passordfeltene ikke skal være tomme.

Når en bruker oppretter et passord, er det alltid ett felt til med bekreftelsespassord. Den sjekker at passordet som er angitt av brukeren er det samme som dette bekreftelsespassordfeltene. For å opprette et gyldig passord, må både passordet og bekreftelsespassordets verdi samsvare.

Først vil vi se etter et gyldig passord og deretter bekrefte passordvalideringskontroller.

Validering av gyldig passord

I dette eksemplet vil vi sjekke at passordet som er opprettet av brukeren er gyldig eller ikke og samsvarer med alle parameterne diskutert ovenfor. Se koden nedenfor for passordverifisering.

Kopier kode

cout

 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 

Produksjon

Et HTML-skjema vil vises på nettet ved å utføre koden ovenfor. Her, oppgi dataene i tekstfeltene og klikk på Send-knappen for å behandle. I henhold til valideringer, hvis dataene er korrekte, vil en varselboks dukke opp med en melding: Passordet ditt er opprettet vellykket. Her når du klikker på OK knappen, vil den ta til en annen utgang.

Skjermbilde 1

Når du klikker på OK knappen inne i varslingsboksen, vil den flytte til en enkel HTML-utdata hvor den vil vise en melding Skjemadata er sendt inn .

Skjermbilde 2

grunnleggende java

Utgang på å gi feil oppføringer

I tilfelle du skrev inn feil verdi eller la et obligatorisk felt stå tomt, vil det vise en feilmelding til høyre i inntastingsboksen. Disse feilene vil vises én etter én etter valideringskontrollen med hvert klikk på Sende inn knapp. Se feilene i skjermbildet nedenfor:

For å kontrollere at alle valideringene fungerer som de skal eller ikke, kopier koden og kjør den i JavaScript-kompilatoren.