In diesem Kapitel besprechen wir die Passwortvalidierung mit JavaScript. Wir müssen jedes Mal ein Passwort validieren, wenn ein Benutzer ein Konto auf einer Website oder App erstellt. Wir müssen also ein gültiges Passwort überprüfen und die Passwortvalidierung bestätigen. Damit ein gültiges Passwort gültig ist, müssen die folgenden Parameter darin enthalten sein:
- Ein Passwort sollte alphanumerisch sein.
- Der erste Buchstabe des Passworts sollte ein Großbuchstabe sein.
- Das Passwort muss ein Sonderzeichen (@, $, !, & usw.) enthalten.
- Das Passwort muss länger als 8 Zeichen sein.
- Eines der wichtigsten ist, dass die Passwortfelder nicht leer sein dürfen.
Immer wenn ein Benutzer ein Passwort erstellt, gibt es immer ein weiteres Feld zur Passwortbestätigung. Es prüft, ob das vom Benutzer eingegebene Passwort mit den Feldern zur Passwortbestätigung übereinstimmt. Um ein gültiges Passwort zu erstellen, müssen die Werte in den Feldern „Passwort“ und „Passwort bestätigen“ übereinstimmen.
Zuerst prüfen wir, ob ein gültiges Passwort vorliegt, und bestätigen dann die Passwortvalidierungsprüfungen.
Validierung des gültigen Passworts
In diesem Beispiel prüfen wir, ob das vom Benutzer erstellte Passwort gültig ist oder nicht und ob es mit allen oben besprochenen Parametern übereinstimmt. Zur Passwortüberprüfung sehen Sie sich den Code unten an.
Code kopieren
Bytes zum String-Python
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 Testen Sie es jetzt Ausgabe
Durch Ausführen des obigen Codes wird ein HTML-Formular im Web angezeigt. Geben Sie hier die Daten in Textfelder ein und klicken Sie zur Verarbeitung auf die Schaltfläche „Senden“. Wenn die Daten korrekt sind, wird den Validierungen zufolge ein Warnfeld mit der folgenden Meldung angezeigt: Ihr Passwort wurde erstellt erfolgreich. Hier, wenn Sie auf klicken OK Klicken Sie auf die Schaltfläche, um zu einem anderen Ausgang zu gelangen.
Screenshot 1
Wenn Sie auf klicken OK Wenn Sie im Warnfeld auf die Schaltfläche klicken, wird eine einfache HTML-Ausgabe angezeigt, in der eine Meldung angezeigt wird Die Formulardaten wurden erfolgreich übermittelt .
Screenshot 2
Maus und Maustypen
Ausgabe zur Bereitstellung falscher Einträge
Falls Sie einen falschen Wert eingegeben oder ein erforderliches Feld leer gelassen haben, wird rechts im Eingabefeld ein Fehler angezeigt. Diese Fehler werden nach der Validierungsprüfung bei jedem Klick auf einzeln angezeigt Einreichen Taste. Sehen Sie sich die Fehler im folgenden Screenshot an:
Um zu überprüfen, ob alle Validierungen ordnungsgemäß funktionieren oder nicht, kopieren Sie den Code und führen Sie ihn in Ihrem JavaScript-Compiler aus.