Validar senhas com JavaScript
Usando JS para validar senhas fortes
[click here for English]
Projeto simples para validar a dificuldade de quebrar senha, usando javascript para definir como senha forte.
Código
Primeiro vamos criar a interface, faremos algo simples, utilizando apenas HTML.
Neste código temos apenas um input que vai receber a senha e o span onde será exibido se a senha é forte, média ou fraca.
Aqui temos o código javascript que faz toda a mágica, onde primeiro pegamos os elementos password e o elemento span, no elemento password adicionamos um listening que é ativado sempre que recebe algum dado e chama a função validPassword.
na validPassword é feito a verificação dos dados entrados e comparados com os Regex, se a senha inserida for válida em algum regex ela é fraca, se for válida em mais de um ela é média e se for válida em todos ela é forte.
Para dar uma maior validade na senha foi adicionado um tamanho mínimo para cada senha, mas claro que se pode editar para ficar mais compatível com seu projeto.
pronto simples assim.
Demo
Veja abaixo o projeto completo funcionando.
Youtube
Se preferir assistir, vejo o desenvolvimento no youtube.
Obrigado por ler!
Se você tiver alguma dúvida, reclamação ou dica, pode deixar aqui nos comentários. Vou ter o maior prazer em responder!
😊😊 Até mais! 😊😊