+3

Teste de segurança de senha em JavaScript

criado por André Lourenço Pedroso em 02/01/2007 7:19am
Então vamos testar esse script:

Crie uma pagina testasenha.html e coloque um "include" do javascript que salvamos anteriormente.

<script type="text/javascript" src="testasenha.js"></script>

Crie também um campo input, onde será digitado a senha. É necessário que esse campo tenha a propriedade 'onKeyUp' que chamará a função TestaSenha.

<input type="password" name="novasenha" id="novasenha" onKeyUp="TestaSenha(this.value);">

Agora falta somente um DIV ou um paragrafo(<P>), como está no exemplo, onde será exibido o retorno da função. É necessario que esse Paragrafo tenha o atributo 'id', utilizado pela função TestaSenha em testasenha.js.

<p id='seguranca'>Seguranca da senha: !</p>

Pronto! Agora é só se divertir.

Para esclarecimento de qualquer dúvida publique um comentario abaixo. :)

Comentários:

Mostrando 1 - 5 de 5 comentários
Ótimas dicas e excelente script também...

Segue abaixo código complementado com campo para inserção da senha e botão para testar segurança. ;)


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Documento sem título</title>
</head>

<body>
<script type="text/javascript">
<!--
function TestaSenha()
{
    var valor = document.getElementById('senha').value;
	var d = document.getElementById('seguranca');
    ERaz = /[a-z]/;
    ERAZ = /[A-Z]/;
    ER09 = /[0-9]/;
    ERxx = /[@!#$%&*+=?|-]/;

    if(valor.length == ''){
        d.innerHTML = '<h4>Seguranca da senha: !</h4>';
    } else {
        if(valor.length < 5){
            d.innerHTML = '<h4>Seguranca da senha: <font color=\'red\'> BAIXA</font></h4>';
        } else {
            if(valor.length > 7 && valor.search(ERaz) != -1 && valor.search(ERAZ) != -1 && valor.search(ER09) != -1 || valor.length > 7 && valor.search(ERaz) != -1 && valor.search(ERAZ) != -1 && valor.search(ERxx) || valor.length > 7 && valor.search(ERaz) != -1 && valor.search(ERxx) != -1 && valor.search(ER09) || valor.length > 7  && valor.search(ERxx) != -1 && valor.search(ERAZ) != -1 && valor.search(ER09)){
                d.innerHTML = '<h4>Seguranca da senha: <font color=\'green\'> ALTA</font></h4>';
            } else {
                if(valor.search(ERaz) != -1 && valor.search(ERAZ) != -1 || valor.search(ERaz) != -1 && valor.search(ER09) != -1 || valor.search(ERaz) != -1 && valor.search(ERxx) != -1 ||valor.search(ERAZ) != -1 && valor.search(ER09) != -1 ||valor.search(ERAZ) != -1 && valor.search(ERxx) != -1 ||valor.search(ER09) != -1 && valor.search(ERxx) != -1){
                    d.innerHTML = '<h4>Seguranca da senha: <font color=\'orange\'> MEDIA</font></h4>';
                } else {
                    d.innerHTML = '<h4>Seguranca da senha: <font color=\'red\'> BAIXA</font></h4>';
                }
            }
        }
    }
}
//-->
</script>
<input id="senha" name="senha" />
<a href="#" onClick="TestaSenha(); return false;">Testar Senha</a>
<div id="seguranca"></div>
</body>
</html>


a
Além das dicas citadas eu recomendo usar também um gerador de senhas online tipo estes:
https://strongpasswordgenerator.com/
http://passwordgenerator4u.com/
http://www.geradordesenha.com/
31/07/2017 11:48am (~6 anos atrás)

alexandre disse:
Andre boa noite me ajuda com esse codigo aqui, o objetivo é esse, A partir da leitura de dois números, imprimir ou mostrar o maior deles.
Desde ja agradeço.

<html>
<head>
<script language="JavaScript">
function comparando() {
var valor1=prompt("Digite o valor do primeiro numero","")
var valor2=prompt("Digite o valor do segundo numero","")
var valor3=prompt("Digite o valor do terceiro numero","")
if ((valor1>valor2) || (valor1>valor3));
{
alert("o primeiro numero eh o maior dos tres");
}
else if ((valor2>valor1) || (valor2>valor3));
{
alert("o Segundo numero eh o maior dos tres");
}
else ((valor3>valor1) || (valor3>valor2));
{
alert("o terceiro numero eh o maior dos tres");
}
}
</script>
<title>comparando tres numeros</title>
</head>
<body>
<form> <input value="Clique para comparar tres numeros!" onclick="comparando()" type="button"></form>
</body>
</html>
02/08/2012 6:17pm (~11 anos atrás)

celso murilo disse:
caro andre,
meu script nao funcionou, fiz td sob sua orientaçao mas nao roda....
falta algo como um form ou submit?
agradeço sua resposta
24/04/2010 2:41pm (~14 anos atrás)

Dam disse:
Muito bom
09/09/2009 8:25pm (~14 anos atrás)

Muito legal o srcipt, parabéns.
30/08/2009 9:19pm (~14 anos atrás)

Novo Comentário:

(Você pode usar tags como <b>, <i> ou <code>. URLs serão convertidas para links automaticamente.)