"Passwort anzeigen als text" - control

Ich habe einen üblichen login-Formular, bestehend aus zwei input Feldern, eins für den login, einen für das Kennwort. Ich bin versucht derzeit, fügen Sie ein Steuerelement, das wird sich zeigen eingegebene Passwort als plain text, so dass Benutzer können überprüfen Sie es auf Tippfehler.

Das problem ist, dass der Browser (zumindest Firefox) erlauben nicht das dynamische ändern von type - Attribut von input-Feldern, so kann ich nicht einfach ändern type="password" zu type="text". Ein weiteres problem ist, dass der Browser nicht erlauben, get-Wert von Passwort-Feld, so kann ich keine neue erstellen input type="text" und setzen Sie den Wert für das Kennwort ein. Ich habe gesehen, mehrere verschiedene Ansätze, um diese Aufgabe, einschließlich diese eine, aber Sie arbeiten nur, wenn das Passwort eingegeben wird und fehlschlägt, wenn der browser wählt zum automatischen füllen Sie das Kennwort ein.

Also, irgendwelche Vorschläge, um dies zu tun, sind willkommen. Ich bin mit jQuery.

InformationsquelleAutor n1313 | 2009-09-05
  1. 27

    Können Sie etwas wie das hier tun:

    <input type="password" id="password">
<input type="checkbox" onchange="document.getElementById('password').type = this.checked ? 'text' : 'password'"> Show password
    • Es funktioniert! Unglaublich. Es scheint, dass mein problem war in jQuery, die ich verwende. Aus irgendeinem Grund ist es mir nicht erlaubt, diesen trick zu tun.
    • dies wird wahrscheinlich nicht korrekt im IE
    • Mehr als wahrscheinlich ist. Ich habe bestätigt, dass es überhaupt nicht funktioniert im IE.
    • Warum funktioniert es nicht im IE funktioniert?
    InformationsquelleAutor Gumbo
  2. 1

    Wenn ich kann, ich glaube nicht, dass es eine gute Idee, das Passwort zu zeigen in text, aus folgenden Gründen:

    1. Ist es Häufig nicht getan, und so wird es verwirrend für den Benutzer
    2. Es bedeutet, dass Sie offen sind, über-die-Schulter-anzeigen des Passwort

    Ich denke auch, wenn Sie nur wollen, um Benutzern zu helfen, vermeiden Sie Tippfehler, geben Sie Ihnen mehr Chancen, bevor das Passwort deaktiviert ist. Ich denke, die typischen "3", dass die meisten Websites Umsetzung ist nicht wirklich erforderlich, ich würde vorschlagen, "10" versucht, oder vielleicht eine "5", wenn Sie möchten, um wirklich konservativ ist, ist durchaus akzeptabel. Nur zählt es für Sie, und lassen Sie Sie beheben Tippfehler auf Ihrer eigenen.

    Nur meine bescheidene Meinung.

    • Standardmäßig ist das Kennwort ist natürlich versteckt. Wenn Benutzer klicken auf den link mit der Bezeichnung "Zeigen Sie mir die Briefe, was ich gerade eingegeben haben, in das Feld Kennwort ein, weil ich nicht sicher bin, dass ich Sie eingetippt Recht", stehen die Chancen hoch, dass er versteht, was er tut und er weiß, was als Nächstes passieren wird 🙂
    • Sogar noch, es fühlt sich falsch an für mich. Jeder an seinem eigenen obwohl.
    • Auch Programme, bei denen die Sicherheit sehr wichtig wie TrueCrypt und Passwort-safe-Funktionen für die Aktivierung des Kennworts angezeigt werden. Besonders in Situationen, in denen die Benutzer verwenden können, ein sehr langes oder Komplexes Passwort/passphrase, in der Lage, um das Passwort zu sehen kann eine sehr gute Funktion. Ich Stimme mit N1313, dass die person, die Sie anklicken müssen wahrscheinlich prüfen für Schulter-Surfer vor dem Klick auf die Schaltfläche, um zu enthüllen das Passwort.
    • Kibbee: ich weiß nicht bestreiten. Jeder zu seinem eigenen.
    • Statt der Begrenzung der Anzahl der Antworten, Sie könnte hinzufügen ein Schlaf für 2-3 Sekunden, bevor Sie reagieren, dass das Passwort falsch ist. Es ist ein sehr erträgliches warten, für einen Menschen, aber es reduziert die Effizienz der versuche, brute-force das Passwort.
    • Oder besser noch, verwenden Sie eine sichere, langsame Hash-Funktion, wie scrypt, damit auch wenn Sie Ihre Passwort-Datenbank gehackt würde es Tausende von Jahren, um Ihre Benutzer-Passwörter auch auf GPUs optimiert.

    InformationsquelleAutor Noon Silk
  3. 1

    Ich habe nie versucht, diese selbst aber können Sie nicht einfach den Zugriff auf die value-Eigenschaft des Elements?

    wenn Sie so etwas wie...

    <input id="pw" name="pw" type="password" />

    Dann in JavaScript /jQuery...

    var pass = document.getElementById('pw').value;

$('pw').val()
    InformationsquelleAutor Fraser
  4. 0

    Es gibt keine Möglichkeit zu zeigen, autofilled Passwort aus Sicherheitsgründen. Jeder konnte sehen, dass Ihr Kennwort auf Ihrem computer für diese Seite, wenn dies möglich ist.

    Müssen Sie sich mit folgenden für die komplette Lösung:

    • javascript ist nicht erlaubt - dann sollten Sie nicht angezeigt, wählen Sie Kennwort Kontrollkästchen
    • AutoVervollständigen aktiviert ist - wie ich schon schrieb, du bist nicht in der Lage zu zeigen, Kennwort füllte diese Weise. Eaighter schalten Sie AutoVervollständigen-oder ausblenden show password (Passwort anzeigen, bis der Benutzer eine re-type password.

    AutoVervollständigen ausschalten durch das jQuery -

    $('input').attr('autocomplete', 'off');

    Für das hinzufügen von Kontrollkästchen on-the-fly können Sie folgende jquery-showPassword plugin verfügbar unter http://www.cuptech.eu/jquery-plugins/

    InformationsquelleAutor Boris Šuška
  5. 0
    $('.show-password').change(function() {
  if ($("#form-fields_show-password").attr('checked')) {
    var showValue = $('#form-fields_password').val();
    var showPassword = $('<input type="text" size="50" required="required" name="form-  fields[password]" id="form-fields_password" class="password required"   value="'+showValue+'">');
    $('#form-fields_password').replaceWith(showPassword);
  } else {
    var hideValue = $('#form-fields_password').val();
    var hidePassword = $('<input type="password" size="50" required="required" name="form-fields[password]" id="form-fields_password" class="password required" value="'+hideValue+'">');
    $('#form-fields_password').replaceWith(hidePassword);
  }
});

    Etwas wie dieses finden Sie den Eingabebereich, und speichern den Wert in eine variable namens showValue. Dann ersetzen Sie das element mit type="password" mit dem neuen html-where type="text" und wenn die checkbox deaktiviert ist, wird der Wert gelöscht werden, in das Passwort-Feld Typ.

    Gibt es ein problem mit dieser Methode, dass die Passwort-type-Wert wird sichtbar in dem code, aber um diese können Sie immer entfernen Sie das value-Attribut das Passwort geben und so zwingen Sie den Benutzer zu re-Typ. Wenn Sie damit Leben kann, dass in Ihnen die Anwendung.

    InformationsquelleAutor jamiethepiper
  6. 0
    function change(){
id.type="password";
}


<input type="text" value="123456" id="change">
<button onclick="pass()">Change to pass</button>
<button onclick="text()">Change to text</button>
<script>function pass(){document.getElementById('change').type="password";} function text(){document.getElementById('change').type="text"; } </script>
    • Können Sie erklären, wie das funktioniert?
    • Wie funktioniert diese Erklärung zur Verfügung?
    InformationsquelleAutor Vitalicus
  7. -1
    Password: <input type="password" value="" id="myInput"><br><br>
<input type="checkbox" onclick="myFunction()">Show Password

<script>
function myFunction() {
    var x = document.getElementById("myInput");
    if (x.type === "password") {
        x.type = "text";
    } else {
        x.type = "password";
    }
}
</script>
    InformationsquelleAutor Manikandan J
Schreibe einen Kommentar