[TUTORIAL] Mostrar senha com checkbox

por RafaelS. 04.08.15 15: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

HTML & JavaScript :seta2:

"Aba" Gestão dos códigos JavaScripts

[TUTORIAL] Mostrar senha com checkbox Painel13

[TUTORIAL] Mostrar senha com checkbox 110111

Título Correspondente ao nome da página JavaScript/jQuery que será criada.

[TUTORIAL] Mostrar senha com checkbox 110210

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 110310

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"> 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 110410

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