Check input password

Question

Check input password

Navigation

#1 by (4 votes)
#2 by (0 votes)

4

Hello, I'm starting to learn JavaScript, and I'm not getting any way to make my code validate if there are 3 uppercase, 2 numbers, and 1 special characters in my input. I would like to know what I should be making of error, because I made several attempts, I researched in several sites and no way works. Here is the base code:

            /* Validação do Campo Senha*/
        if (document.formulario.senha.value.length < 8) {
           alert("A senha deve conter no minímo 8 digitos!");
           document.formulario.senha.focus();
           return false;
       }

Thank you for your attention!

javascript html input

asked by anonymous 29.06.2015 / 04:46

2 answers

0

Maybe not the best way, but it's well didactic. If you want to know about the ASCII values I used in the code, take a look here: link

function valido() {
  var senha = document.formulario.senha.value;
  
  var letraMaiscula = 0;
  var numero = 0;
  var caracterEspecial = 0;
  var caracteresEspeciais = "/([~'!@#$%\^&*+=\-\[\]\';,/{}|\":<>\?])"; // adicione o que quiser pra validar como caracter especial
  
  for (var i=0; i <= senha.length; i++) {
    var valorAscii = senha.charCodeAt(i);
    
    // de A até Z
    if (valorAscii >= 65 && valorAscii <= 90)
      letraMaiscula++;
    
    // de 0 até 9
    if (valorAscii >= 48 && valorAscii <= 57)
      numero++;
    
    // indexOf retorna -1 quando NÃO encontra
    if (caracteresEspeciais.indexOf(senha[i]) != -1)
      caracterEspecial++;
  }
        
  return (letraMaiscula >= 3) && (numero >= 2) && (caracterEspecial >= 1);
}

<form name="formulario">
  <input name="senha" />
  
  <input type="submit" onclick="return valido()"/>
</form>

29.06.2015 / 06:05

How to use a counter within a HashMap? How can I convert snake_case to camelCase (and vice versa) in Python?

score 4 · Accepted Answer

Larissa , use REGEX:

var senha = document.formulario.senha;
var regex = /^(?=(?:.*?[A-Z]){3})(?=(?:.*?[0-9]){2})(?=(?:.*?[!@#$%*()_+^&}{:;?.]){1})(?!.*\s)[0-9a-zA-Z!@#$%;*(){}_+^&]*$/; 

if(senha.length < 8)
{
    alert("A senha deve conter no minímo 8 digitos!");
    document.formulario.senha.focus();
    return false;
}
else if(!regex.exec(senha))
{
    alert("A senha deve conter no mínimo 3 caracteres em maiúsculo, 2 números e 1 caractere especial!");
    document.formulario.senha.focus();
    return false;
}
return true;

Explaining regex:

// (?=(?:.*?[A-Z]){3}) - Mínimo 3 letras maiúsculas
// (?=(?:.*?[0-9]){2}) - Mínimo 2 números
// (?=(?:.*?[!@#$%*()_+^&}{:;?.]){1})(?!.*\s)[0-9a-zA-Z!@#;$%*(){}_+^&] - Mínimo 1 caractere especial