[TUTORIAL] Mostrar senha com checkbox

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

  • 0

[TUTORIAL] Mostrar senha com checkbox Empty [TUTORIAL] Mostrar senha com checkbox

Mensagem por RafaelS. em 04.08.15 15:13


[TUTORIAL] Mostrar senha com checkbox Permis10

Mostrar senha com checkbox

Consoante a claridade do quarto onde estamos ao escrever erramos a senha. Com este tutorial você ira aprender a adicionar um campo que permitira de mostrar a sua senha e verificar assim os eventuais erros.

--> Tutoriais, dicas e astúcias <--
Mostrar senha com checkbox

- Noção básica da função
As páginas javascript ativas em seu fórum possibilita inserir scripts e jquery para personalizar seu fórum, contudo é importante saber que qualquer script encontrado na internet acabam por não surgir efeito nos fóruns.

Painel de controle :seta2: Modulos :seta2: HTML & JavaScript :seta2: "Aba" Gestão dos códigos JavaScripts
[TUTORIAL] Mostrar senha com checkbox Painel13
[TUTORIAL] Mostrar senha com checkbox 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
[TUTORIAL] Mostrar senha com checkbox 110210Seta Localização- São destinados os devidos locais para onde você aplicará os efeitos do JavaScript nos fóruns. No nosso caso, aplicaremos Em todas as páginas.
[TUTORIAL] Mostrar senha com checkbox 110310Seta Código JavaScript Campo destinado para receber os códigos JavaScript e jQuery. Em nosso caso, adicionaremos este código:

Código:
$(function () {
     $('input#autologin').before('<input type="checkbox" id="mostrasenha">&nbsp;Mostrar senha</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());
        }
PhpBB2
Código:
$(function() {
    $('input[name="autologin"]').after('<input type="checkbox" id="mostrasenha">&nbsp;Mostrar senha</input><br>');
    $("#mostrasenha").bind("click", function() {
        var txtPassword = $('input[type="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());
}
[TUTORIAL] Mostrar senha com checkbox 110410Seta Habilitar o gerenciamento dos códigos JavaScript Ao selecionar a opção sim, estará ativando a função páginas Javascript no seu fórum. Se selecionar não, as páginas serão desabilitadas no fórum.
Resultado:
   

Marcado


   [TUTORIAL] Mostrar senha com checkbox OZAcgtW

   

Desmarcado


   [TUTORIAL] Mostrar senha com checkbox V5xgoep



© Fórum dos Fóruns & @RafaelS.
[TUTORIAL] Mostrar senha com checkbox Questi11 Se tiver alguma dúvida relacionada com este tópico crie um tópico com o seguinte título:
Mostrar senha com checkbox.
RafaelS.

RafaelS.
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 26/04/2014
Mensagens : 4677
Pontos Ativos : 5731

Ver perfil do usuário http://techmais.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum