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


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());
            };


avatar
Niko
Veterano dello staff


Sesso : Maschile
Età : 21
Messaggi : 7761
Località : Provincia di Varese


Vedi il profilo dell'utente https://www.translationscloud.com
Niko è stato ringraziato dall'autore di questo topic.

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

- Argomenti simili

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