Mostra la password con un checkbox


Tutorial Mostra la password con un checkbox

Messaggio Da Niko il Dom 13 Set 2015 - 18:55

Mostrare la password con un checkbox


Dimostrazione
Grazie a questo tutorial riuscirete ad inserire un checkbox che vi permetterà di visualizzare la password digitata per evitare di inserire una password errata Wink

Mostra la password con un checkbox Lol10

Installazione

Semplicemente, andate verso PDA > Moduli > HTML & Javascript > Gestione del codice javascript e create un nuovo codice javascript :new:

  • Titolo: a tua scelta
  • Dove: in tutte le pagine
  • Codice:
    Codice:
    $(function () {
        $('input#autologin').before('<input type="checkbox" id="mostrasenha">&nbsp;Mostra password</input><br>');
                $("#mostrasenha").bind("click", function () {
                    var txtPassword = $("input#password");
                    if ($(this).is(":checked")) {
                        txtPassword.after('<input onchange = "PasswordChanged(this);" id = "txt_' + txtPassword.attr("id") + '" type = "text" value = "' + txtPassword.val() + '" />');
                        txtPassword.hide();
                    } else {
                        txtPassword.val(txtPassword.next().val());
                        txtPassword.next().remove();
                        txtPassword.show();
                    }
                });
            });
            function PasswordChanged(txt) {
                $(txt).prev().val($(txt).val());
            };


Niko
Niko
Veterano dello staff
Veterano dello staff

Sesso : Maschio
Età : 23
Messaggi : 7799
Località : Provincia di Varese


https://www.openstudio.one
Niko è stato ringraziato dall'autore di questo topic.

Vedere l'argomento precedente Vedere l'argomento seguente Torna in alto


 
Permessi di questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum