[TUTORIAL] Mostrar senha com checkbox

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

Membro Entusiasta
  • 0

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

Mensagem por RafaelS. 04.08.15 11:13

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.

Login com controle de contas


TUTORIAIS, DICAS E ASTÚCIAS

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 - [TUTORIAL] Mostrar senha com checkbox Painel13
TUTORIAL - [TUTORIAL] Mostrar senha com checkbox 110111Seta Título Correspondente ao nome da página JavaScript/jQuery que será criada.
TUTORIAL - [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 - [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() {
    $('label[for="autologin"], .block-login label.label, .gen input[name="autologin"]').after('<br><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 - [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 - [TUTORIAL] Mostrar senha com checkbox OZAcgtW
 

Desmarcado


   TUTORIAL - [TUTORIAL] Mostrar senha com checkbox V5xgoep


RafaelS.

RafaelS.
Membro Entusiasta
Membro Entusiasta

Membro desde : 26/04/2014
Mensagens : 5746
Pontos : 7156

http://techmais.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos