Passwort versteckt oder lesbar eingeben

Es begegnet einem in immer mehr Login-Formularen: Die Möglichkeit, das Passwort auf Klartext (lesbar) umschalten zu können um damit die Eingabe direkt zu kontrollieren. Für die Übertragungssicherheit spielt es keine Rolle – und in den meisten Fällen schaut einem auch niemand über die Schulter.

Die Lösung ist in wenigen Zeilen jQuery umgesetzt.

Zunächst gibt es im HTML diese beiden Elemente:

[sourcecode language=“html“]

Passwort lesbar eingeben
[/sourcecode]

Neben dem <input>-Element findet sich ein <a>-Element um das Feld switchen zu können. Das Attribut placeholder=“********“ ist nötig, um beim Wechsel zu verdeutlichen, dass das Passwort versteckt ist.

Die folgenden Zeilen jQuery arbeiten nun so, dass sie bei Klick auf „#pwToggle“ den Typ des <input>-Element auslesen und dann jeweils type und placeholder im <input>-Element als auch den Text des <a>-Elements ändern.

[sourcecode language=“javascript“]

[/sourcecode]

Das wars auch schon. Lässt sich mit jQuery ab Ver. 1.6 einsetzen.

Schreibe einen Kommentar