Passwort übereinstimmt mit JavaScript

Passwort übereinstimmt mit JavaScript

Bestätigen Sie die Kennwortfelder, die bei Online -Formularen einbezogen werden müssen, mit denen Benutzer ein Kennwort festlegen können. Das Feld Kennwort verbirgt die Eingabe des Benutzers standardmäßig und ermöglicht es, einen Mechanismus zu haben, mit dem Benutzer bestätigen können, dass er das richtige Kennwort geschrieben hat, ohne Tippfehler zu erstellen. Das Feld Bestätigung Passwort verpflichtet den Benutzer, sein Passwort erneut zu überprüfen, wenn sie Zeichen und das Kennwort verdrehen und die Passwortfelder nicht übereinstimmen, nicht übereinstimmen.

In diesem Beitrag ist es unser Ziel, ein HTML -Formular zu erstellen, das dem Eingang des Benutzers in der Eingabe des Benutzers entspricht Passwort Und Bestätige das Passwort Felder, um zu bestätigen, ob der Benutzer das richtige Kennwort getippt oder Tippfehler gemacht hat.

Schritt 1: HTML -Formular

Der erste Schritt besteht darin, ein HTML -Formular zu erstellen, das die Eingabe des Benutzers annimmt:


Linux -Hinweis



Passwort eingeben





Bestätige das Passwort









Wir haben ein einfaches HTML Passwort Bestätigung() Funktion beim Klicken.

Schritt 2: JavaScript -Formularvalidierung

Jetzt schreiben wir JavaScript -Code in die Passwort Bestätigung() Funktion, die das Passwort validiert:

Funktion passwordconfirmation ()
var password = dokument.GetElementById ("Pass").Wert;
var bestätigenPassword = Dokument.GetElementById ("Bestätigungspass").Wert;
if (password == "")
alarm ("Fehler: Das Feld Kennwort ist leer.");
else if (password == bestätigenPassword)
alarm ("angemeldet in");
anders
Alarm ("Bitte stellen Sie sicher, dass Ihre Passwörter übereinstimmen."))


In der Passwort Bestätigung() Funktion Wir erhalten zuerst die Werte des Kennworts und bestätigen Kennwortfelder und speichern sie in Variablen. Wir verwenden dann bedingte Aussagen, um auf verschiedene Fälle zu überprüfen.

Fall 1: Das Feld Passwort ist leer

Der erste bedingte prüft, ob das Feld Passwort leer ist. Wir fordern den Benutzer auf, das Passwort einzugeben, wenn das Feld leer ist:


Fall 2: Passwörter übereinstimmen

Falls die Kennwörter mit dem Benutzer übereinstimmen, melden sich in:


Fall 3: Passwörter stimmen nicht überein

Wenn die Kennwörter nicht übereinstimmen, bitten wir den Benutzer, die Passwörter erneut zu machen und sicherzustellen, dass er übereinstimmt:


Der zusammen ähnliche JavaScript- und HTML -Code sieht ungefähr so ​​aus:





Linux -Hinweis



Passwort eingeben





Bestätige das Passwort










Abschluss

Menschen können oft Fehler machen, aber das sollte sie nicht daran hindern, sich in ihre Konten anzumelden. Selbst der geringste Fehler beim Eingeben eines Kennworts kann den Zugriff eines Benutzers auf sein Konto einschränken. Es ist also immer eine gute Idee, das Passwort eines Benutzers zu überprüfen, um zu bestätigen, dass sie die richtige eingegeben haben.