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à : 27
Messaggi : 9425
Località : Provincia di Varese

https://www.fmcodes.net/
Niko è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

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