Força de Uma Senha Através de JavaScript

Alguma vez já lhe passou pela cabeça em fazer um validador de senha, para informar ao usuário se a senha digitava por ele é fraca, relevnte ou forte, pois bem vou apresentar uma solução simples em JavaScript, utilizando um INPUT do tipo PASSWORD uma DIV na qual irei mostra a mensagem e alterar sua cor de funo de acordo com a mensagem.

Atraves da seguinte function em Javascript que é chama no onkeyup do INPUT da senha vamos verificar a senha

<***script type="text/javascript">
function verificaForca(campo)
{
var div=document.getElementById('div_forca_senha');
var valor = campo.value;
var contemNumeros = /[0-9]/;
var contemLetras = /[a-z]/i;
var contemEspecial = /[@#$%&amp;*]/;
var contagem = 0;

if ( valor.length > 0 )
{
if (contemNumeros.test(valor))
contagem++;
if (contemLetras.test(valor))
contagem++;
if (contemEspecial.test(valor))
contagem++;

switch ( contagem )
{
case 1:
{
div.style.background ="#CCCCCC";
div.innerHTML = "Senha Fraca!";
} break;
case 2:
{
div.style.background ="#009900";
div.innerHTML = "Senha Relevante!";
} break;
case 3:
{
div.style.background = "#FF0000";
div.innerHTML = "Senha Forte!";
} break;
default:
{
div.style.background="#FFFFFF";
div.innerHTML = "Ops! O que Aconteceu?";
}
}
}
}

Esta função deve ser chamada se seguinte maneira na evento onkeyup do input.

<***input name="pass" size="50" onkeyup="javascript:verificaForca(this);" type="password">

<***div id="div_forca_senha" name="div_forca_senha" style="background-color: rgb(255, 255, 255); width: 326px; height: 20px;">Força da Senha<***/div>

Veja na figura Abaixo os Resultados

Nesta Situação a Senha Informada pelo usuário é de classificação fraca, conforme figura acima.

Nesta Situação a Senha Informada pelo usuário é de classificação Relevante, conforme figura acima.

Nesta Situação a Senha Informada pelo usuário é de classificação Forte, conforme figura acima.

Este foi um simples exemplo para verificar a força da senha, o algoritmo apenas verifica se na senha contém letras maiúsculos, minúsculos, números e caracteres especiais.

Forte Abraço e até a proxima, caso queira receber os fontes deixo um comentário com seu email.