Eingaben vergleichen - Password Verifizierung
Hier werden die Eingaben in zwei Textfeldern darauf überprüft, ob die Einträge identisch sind. Durch die Verifizierung werden z.B. bei einen Passwordeintrag Tippfehler weitgehend ausgeschlossen.
|
|
JavaScript vergleicht die Eingabewerte zweier Textfelder
UPDATE 19.07.2009 22:00 Uhr, Werteübergabe nun mit getElementById
Anwendung könnte dieses Beispiel auf einer Anmeldeseite, bei der Eintragung neuer User finden. Es ist aber auch für alle Eingabefelder sinnvoll, wo es auf exakte Schreibweise ankommt und überall dort, wo z.B. eine Unterscheidung von Groß- Kleinschrift wichtig ist.
Arbeitsweise
|
Eingaben in zwei Textfeldern werden nach dem Klicken des Submit-Buttons miteinander verglichen. Wenn die Werte nicht übereinstimmen, wird eine Alertmeldung angezeigt und zur Wiederholung der Eingabe aufgefordert.
|
|
|
<form onSubmit="return checkPw(this)">
<table cellspacing="0" cellpadding="6" border="0">
<tr><td>Password:<br>Re-enter:</td>
<td>
<input type="password" id="pw1" size="10"><br>
<input type="password" id="pw2" size="10">
</td></tr>
<tr><td colspan="2" align="center">
<input class="button" type="submit" value="Submit">
</td></tr>
</table>
</form>
- Eingabefeld 1 hat die ID 'pw1'
- Eingabefeld 2 hat die ID 'pw2'
Beim Senden wird die Funktion 'checkPw()' aufgerufen.
Die Werte werden den Formularfeldern entnommen und Variablen zugeordnet mit
Eingabepw01 = document.getElementById("pw1").value;
Eingabepw02 = document.getElementById("pw2").value;
Die Prüfung erfolgt durch:
if (Eingabepw01 != Eingabepw02)
alert ("Text");
Wenn Eingabepw01 ungleich (!=) Eingabepw02 dann zeige eine Meldung an

|