logo

Bekræft adgangskodevalidering i JavaScript

I dette kapitel vil vi diskutere adgangskodevalidering ved hjælp af JavaScript. Vi er nødt til at validere en adgangskode, hver gang en bruger opretter en konto på et websted eller en app. Så vi er nødt til at verificere en gyldig adgangskode samt sætte bekræftelse af adgangskodevalidering. For en gyldig adgangskode skal følgende parametre være indeholdt i den for at være gyldig -

  • En adgangskode skal være alfanumerisk.
  • Første bogstav i adgangskoden skal være stort.
  • Adgangskoden skal indeholde et specialtegn (@, $, !, & osv.).
  • Adgangskoden skal være længere end 8 tegn.
  • En af de vigtigste, at adgangskodefelterne ikke skal være tomme.

Når en bruger opretter en adgangskode, er der altid endnu et felt til bekræftelse af adgangskode. Den kontrollerer, at den adgangskode, der er indtastet af brugeren, er den samme som denne bekræftelse af adgangskodefelter. For at oprette en gyldig adgangskode skal værdien af ​​både adgangskode- og bekræftelseskodeordsfelterne matches.

Først vil vi kontrollere for en gyldig adgangskode og derefter bekræfte adgangskodevalideringstjek.

Validering af gyldig adgangskode

I dette eksempel vil vi kontrollere, at adgangskoden oprettet af brugeren er gyldig eller ej og stemmer overens med alle de parametre, der er diskuteret ovenfor. Se koden nedenfor for adgangskodebekræftelse.

Kopiér kode

hvor gammel er kylie jenner
 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 
Test det nu

Produktion

En HTML-formular vises på nettet ved at udføre ovenstående kode. Angiv her dataene i tekstfelter og klik på knappen Send for at behandle. Ifølge valideringer, hvis data er korrekte, vil en advarselsboks poppe op med en besked: Din adgangskode er oprettet succesfuldt. Her når du klikker på Okay knappen, vil den tage til en anden udgang.

Skærmbillede 1

Bekræft adgangskodevalidering i JavaScript

Når du klikker på Okay knappen inde i advarselsboksen, vil den flytte til et simpelt HTML-output, hvor det vil vise en meddelelse Formulardata er blevet indsendt .

Skærmbillede 2

statisk nøgleord i java
Bekræft adgangskodevalidering i JavaScript

Output på at give forkerte indtastninger

Hvis du har indtastet en forkert værdi eller efterladt et påkrævet felt tomt, vil det vise en fejl til højre for indtastningsfeltet. Disse fejl vises én efter én efter valideringskontrollen med hvert klik på Indsend knap. Se fejlene i nedenstående skærmbillede:

Bekræft adgangskodevalidering i JavaScript

For at kontrollere, at alle valideringer fungerer korrekt eller ej, skal du kopiere koden og udføre den i din JavaScript-compiler.