"Passwort als Text anzeigen" Kontrolle

7

Ich habe ein übliches Login-Formular, bestehend aus zwei Eingabefeldern, eines für den Login, eines für das Passwort. Ich versuche gerade, ein Steuerelement hinzuzufügen, das das eingegebene Passwort als einfachen Text anzeigt, so dass der Benutzer es auf Tippfehler überprüfen kann.

Das Problem ist, dass Browser (zumindest Firefox) keine dynamische Änderung des type -Attributs von Eingabefeldern zulassen, sodass ich nicht einfach type="password" auf type="text" ändern kann. Ein weiteres Problem besteht darin, dass Browser es nicht erlauben, den Wert des Passwortfeldes zu erhalten, so dass ich kein neues input type="text" erstellen und seinen Wert auf das Passwort setzen kann. Ich habe mehrere verschiedene Ansätze für diese Aufgabe gesehen, darunter diese >, aber sie funktionieren nur, wenn das Passwort eingegeben wurde und fehlschlägt, wenn der Browser das Passwort automatisch eingibt.

Also, irgendwelche Vorschläge, dies zu tun, sind willkommen. Ich benutze jQuery.

    
n1313 05.09.2009, 11:47
quelle

7 Antworten

26

Sie können so etwas tun:

%Vor%     
Gumbo 05.09.2009, 11:55
quelle
1

Wenn ich darf, finde ich es aus folgenden Gründen nicht gut, das Passwort im Text anzuzeigen:

  1. Es ist nicht üblich, so dass es für den Benutzer verwirrend sein wird
  2. Das heißt, Sie sind offen für die Anzeige des Passworts

Ich denke auch, wenn Sie nur Benutzern helfen möchten, Tippfehler zu vermeiden, geben Sie ihnen mehr Chancen, bevor das Passwort deaktiviert wird. Ich denke, die typische "3", die die meisten Websites implementieren, ist nicht wirklich erforderlich, ich würde "10" Versuche vorschlagen, oder vielleicht "5", wenn Sie wirklich konservativ sein wollen, ist das durchaus akzeptabel. Zählen Sie sie einfach herunter und lassen Sie sie selbständig Fehler auflösen.

Nur meine bescheidene Meinung.

    
Noon Silk 05.09.2009 11:53
quelle
1

Ich habe das selbst nie ausprobiert, aber können Sie nicht einfach auf die Werteigenschaft des Elements zugreifen?

wenn Sie etwas wie ...

haben %Vor%

Dann in JavaScript / jQuery ...

%Vor%     
Fraser 05.09.2009 11:57
quelle
0

Es gibt keine Möglichkeit, ein automatisch ausgefülltes Passwort aus Sicherheitsgründen anzuzeigen. Jeder könnte Ihr Passwort für diese Seite auf Ihrem Computer sehen, wenn dies möglich ist.

Sie müssen sich mit der folgenden Lösung befassen:

  • JavaScript ist nicht erlaubt - dann sollten Sie das Kontrollkästchen Passwort auswählen nicht anzeigen
  • Autocomplete ist aktiviert - Wie ich geschrieben habe, können Sie das Passwort nicht auf diese Weise anzeigen. Eaighter schaltet die automatische Vervollständigung aus oder versteckt das Show-Passwort, bis der Benutzer das Passwort erneut eingibt.

Autocomplete schaltet sich durch diese jQuery aus

%Vor%

Um ein Kontrollkästchen im laufenden Betrieb hinzuzufügen, können Sie das folgende jquery-showPassword-Plugin verwenden, das unter Ссылка

verfügbar ist     
Boris Šuška 20.03.2012 11:20
quelle
0
%Vor%

Ähnliches wird den Eingabebereich finden und den Wert in einer Variablen namens showValue speichern. Dann können Sie das Element mit type="password" ersetzen, mit new html wo type="text" und wenn das Kontrollkästchen nicht markiert ist, wird der Wert in das Passwort type Feld fallengelassen.

Es gibt ein Problem mit dieser Methode, da der Wert des Kennworttyps im Code sichtbar ist. Um dies zu umgehen, können Sie jedoch immer das Wertattribut aus dem Kennworttyp entfernen und den Benutzer einfach dazu zwingen, erneut zu tippen. Wenn Sie damit in Ihrer Anwendung leben können.

    
jamiethepiper 02.11.2012 10:32
quelle
0
%Vor%     
Vitalicus 01.03.2015 21:49
quelle
-1
%Vor%     
Manikandan J 27.12.2017 09:52
quelle