Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Compartilhe e guarde

Enquete

A quanto tempo você já é desenvolvedor?

Entre 1 e 3 anos
Menos de 1 ano
Mais de 7 anos
Eu não desenvolvo
Entre 5 e 7 anos

Home Código Fonte JavaScript - DHTML Validação

Verificar o nível de segurança de uma senha

Como em diversos sites, o código apresentado faz a verificação do nível de segurança de uma senha tratando-as de acordo com os tipos de caracteres que ela possui e de um tamanho pré definido no momento de sua criação, informando ao usuário quão segura é sua senha.

<html>
	<head>
		<title>Código Fonte - Teste de segurança de senha</title>
		<script language="javascript"> 
/*
www.brunogross.com
*/
function Security(val, tamanho) {
 	
 	document.getElementById('d_baixa').style.background = 'white';
 	document.getElementById('d_media').style.background = 'white';
 	document.getElementById('d_alta').style.background = 'white';
 if(val == "")
 {
	document.getElementById('d_baixa').style.background = 'white';
 	document.getElementById('d_media').style.background = 'white';
 	document.getElementById('d_alta').style.background = 'white';
  
   return;   
 }
 if(val.length < tamanho )
 {
	document.getElementById('d_baixa').style.background = 'white';
 	document.getElementById('d_media').style.background = 'white';
 	document.getElementById('d_alta').style.background = 'white';
   
   return;   
 }
 
 
	if( val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[A-Z]/) != -1 && val.search(/[0-9]/) != -1 
		||val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[A-Z]/) != -1 && val.search(/[@!#$%&*+=?|-]/) 
		||val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[@!#$%&*+=?|-]/) != -1 && val.search(/[0-9]/) 
		||val.length >= tamanho  && val.search(/[@!#$%&*+=?|-]/) != -1 && val.search(/[A-Z]/) != -1 && val.search(/[0-9]/) )
		{
  			document.getElementById('d_baixa').style.background = 'green';
 				document.getElementById('d_media').style.background = 'green';
 				document.getElementById('d_alta').style.background = 'green';
  		
  	} else{
  		if( val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[A-Z]/) != -1 
  			||val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[0-9]/) != -1 
  			||val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[@!#$%&*+=?|-]/) != -1
				||val.length >= tamanho && val.search(/[A-Z]/) != -1 && val.search(/[0-9]/) != -1
				||val.length >= tamanho && val.search(/[A-Z]/) != -1 && val.search(/[@!#$%&*+=?|-]/) != -1
				||val.length >= tamanho && val.search(/[0-9]/) != -1 && val.search(/[@!#$%&*+=?|-]/) != -1){
  			
  				document.getElementById('d_baixa').style.background = 'yellow';
 				document.getElementById('d_media').style.background = 'yellow';
 				document.getElementById('d_alta').style.background = 'white';
  				
  			} 
  			else {
  				if(val.length >= tamanho)
  				{
  					document.getElementById('d_baixa').style.background = 'red';
 						document.getElementById('d_media').style.background = 'white';
 						document.getElementById('d_alta').style.background = 'white';
  					
  				}
  		}
  	}
  }
  </script>
	</head>
	<body>
		<form>
			<input type="password" id="pass" onkeyup="Security(this.value, 5);">
		</form>
		<FONT face="Arial" size="2"><STRONG>Nível de Segurança:</STRONG></FONT>
		<table cellpadding="0" cellspacing="0" style="BORDER-RIGHT:#000 1px solid; BORDER-TOP:#000 1px solid; BORDER-LEFT:#000 1px solid; BORDER-BOTTOM:#000 1px solid">
			<tr>
				<td width="50" align="center">
					<div id="d_baixa">&nbsp;
					</div>
				</td>
				<td width="50" align="center">
					<div id="d_media">&nbsp;
					</div>
				</td>
				<td width="50" align="center">
					<div id="d_alta">&nbsp;
					</div>
				</td>
			</tr>
		</table>
	</body>
</html>

<html>
	<head>
		<title>Código Fonte - Teste de segurança de senha</title>
		<script language="javascript"> 
/*
www.brunogross.com
*/
function Security(val, tamanho) {
 	
 	document.getElementById('d_baixa').style.background = 'white';
 	document.getElementById('d_media').style.background = 'white';
 	document.getElementById('d_alta').style.background = 'white';
 if(val == "")
 {
	document.getElementById('d_baixa').style.background = 'white';
 	document.getElementById('d_media').style.background = 'white';
 	document.getElementById('d_alta').style.background = 'white';
  
   return;   
 }
 if(val.length < tamanho )
 {
	document.getElementById('d_baixa').style.background = 'white';
 	document.getElementById('d_media').style.background = 'white';
 	document.getElementById('d_alta').style.background = 'white';
   
   return;   
 }
 
 
	if( val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[A-Z]/) != -1 && val.search(/[0-9]/) != -1 
		||val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[A-Z]/) != -1 && val.search(/[@!#$%&*+=?|-]/) 
		||val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[@!#$%&*+=?|-]/) != -1 && val.search(/[0-9]/) 
		||val.length >= tamanho  && val.search(/[@!#$%&*+=?|-]/) != -1 && val.search(/[A-Z]/) != -1 && val.search(/[0-9]/) )
		{
  			document.getElementById('d_baixa').style.background = 'green';
 				document.getElementById('d_media').style.background = 'green';
 				document.getElementById('d_alta').style.background = 'green';
  		
  	} else{
  		if( val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[A-Z]/) != -1 
  			||val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[0-9]/) != -1 
  			||val.length >= tamanho && val.search(/[a-z]/) != -1 && val.search(/[@!#$%&*+=?|-]/) != -1
				||val.length >= tamanho && val.search(/[A-Z]/) != -1 && val.search(/[0-9]/) != -1
				||val.length >= tamanho && val.search(/[A-Z]/) != -1 && val.search(/[@!#$%&*+=?|-]/) != -1
				||val.length >= tamanho && val.search(/[0-9]/) != -1 && val.search(/[@!#$%&*+=?|-]/) != -1){
  			
  				document.getElementById('d_baixa').style.background = 'yellow';
 				document.getElementById('d_media').style.background = 'yellow';
 				document.getElementById('d_alta').style.background = 'white';
  				
  			} 
  			else {
  				if(val.length >= tamanho)
  				{
  					document.getElementById('d_baixa').style.background = 'red';
 						document.getElementById('d_media').style.background = 'white';
 						document.getElementById('d_alta').style.background = 'white';
  					
  				}
  		}
  	}
  }
  </script>
	</head>
	<body>
		<form>
			<input type="password" id="pass" onkeyup="Security(this.value, 5);">
		</form>
		<FONT face="Arial" size="2"><STRONG>Nível de Segurança:</STRONG></FONT>
		<table cellpadding="0" cellspacing="0" style="BORDER-RIGHT:#000 1px solid; BORDER-TOP:#000 1px solid; BORDER-LEFT:#000 1px solid; BORDER-BOTTOM:#000 1px solid">
			<tr>
				<td width="50" align="center">
					<div id="d_baixa">&nbsp;
					</div>
				</td>
				<td width="50" align="center">
					<div id="d_media">&nbsp;
					</div>
				</td>
				<td width="50" align="center">
					<div id="d_alta">&nbsp;
					</div>
				</td>
			</tr>
		</table>
	</body>
</html>

Este código foi útil para você?

Nota	Comentário
10	denunciar victords comentou em 11/6/2009 Otimo! vlw tava atras de um que fizesse isso foi muito util
10	denunciar gabriel comentou em 17/1/2007 Parabéns! Excelente código. Realmente é uma excelente prática mostrar ao usuário o grau de relevância e segurança de uma senha. Com certeza será de grande ajuda a muitos desenvolvedores.

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco

Autor

Bruno Gross

Tags

DHTML

JavaScript

Segurança

Compartilhe e guarde

Enquete

A quanto tempo você já é desenvolvedor?

Verificar o nível de segurança de uma senha

Otimo!

Parabéns!

Comente