Mostra la password con un checkbox


Tutorial Mostra la password con un checkbox

Messaggio Da Niko 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
Moderatore
Moderatore

Sesso : Maschio
Età : 24
Messaggi : 8284
Località : Provincia di Varese

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

Visualizza l'argomento precedente Visualizza l'argomento successivo Torna in alto


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