Validação de senha de expressão regular JavaScript com caracteres especiais

Validação de senha de expressão regular JavaScript com caracteres especiais
A validação de senha é importante para a segurança e integridade de informações confidenciais. Uma senha forte e segura contém cartas, números e caracteres especiais. Caracteres especiais podem ajudar a tornar uma senha única. O uso de caracteres especiais em senhas é incentivado porque ajuda a tornar a senha mais forte e menos suscetível a rachaduras. Isso torna a senha menos provável de ser encontrada em uma lista de senhas comumente usadas, que são frequentemente direcionadas pelos atacantes.

Este artigo descreverá a expressão regular para a validação de uma senha que contém caracteres especiais.

Como escrever a validação de senha de expressão regular JavaScript com caracteres especiais?

Use o seguinte padrão ou expressão regular para validação de senha contendo caracteres especiais . O padrão corresponderá a uma senha que contém pelo menos um personagem especial, uma letra e um dígito, e tem entre 8 e 12 caracteres:

regexpattern = /^(?=.*[-\#\ $ \.\%\ & \@\!\+\ = \<\>\*]) (?=.*[a-za-z]) (?=.*\ d).8,12 $/;

Aqui está o detalhamento das diferentes partes do padrão acima:

  • ““^”Representa o início da string ou padrão.
  • ““(?=.*[-\#\ $ \.\%\ & \@\!\+\ = \\*])”Combina qualquer string que contenha pelo menos um personagem especial, listado dentro dos colchetes quadrados.
  • ““(?=.*[a-za-z])”Indica que a senha deve conter pelo menos uma letra (maiúsculas ou minúsculas).
  • ““(?=.*\ d)”Denota que a string/senha contém pelo menos um dígito.
  • ““.8,12”Diz que a senha deve ter 8 a 12 caracteres de comprimento.
  • ““$”Indica o fim da corda do padrão.

Exemplo

Em um arquivo HTML, crie um formulário com um campo de entrada para obter entrada de senha e um botão de envio. Anexe um “ONCLICK”Evento com o botão que chamará a função“PasswordValidation ()”No envio do formulário para validar a senha fornecida:






Crie um elemento div e mencione as regras para a senha na lista não ordenada:



    Siga o formato fornecido para senha

  • A senha deve ser de 8 a 12 caracteres

  • Pelo menos um alfabeto (maiúsculas ou minúsculas)

  • Pelo menos um número presente na senha

  • Pelo menos um personagem especial (-,.,@, $,!,%,+, = =,<,>,#,?,&)


No arquivo CSS, crie IDs “erro" e "msg”E defina as cores“vermelho" e "verde”, Respectivamente. Atribuir esses IDs ao

Tags para mostrar mensagens quando a senha será corrigida ou incorreta:

#erro
cor vermelha;
#msg
cor verde;

Crie um ID “caixa”Isso atribui ao elemento div para definir o tamanho da fonte do texto:

#caixa
tamanho de fonte: pequeno;

No arquivo javascript, use o código a seguir para validar a senha:

functionPasswordValidation ()

regexpattern = /^(?=.*[-\#\ $ \.\%\ & \@\!\+\ = \\*]) (?=.*[a-za-z]) (?=.*\ d).8,12 $/;
inputTextVal = documento.getElementById ("txt");
if (inputTextVal.valor.Match (regexpattern))

documento.getElementById ("msg").innerhtml = "ótimo";
returnTrue;

outro

documento.getElementById ("erro").innerhtml = "Siga o formato adequado";
retorna falso;

No trecho de código acima:

  • Primeiro, defina uma função “PasswordValidation ()”Que acionará o botão Clique.
  • Defina um padrão regex para validação de senha com caracteres especiais.
  • Obtenha a referência do campo de entrada usando o “getElementById ()”Método.
  • Em seguida, verifique o valor de entrada se ele corresponde ao padrão ou não usando o “corresponder()”Método.
  • Se a senha corresponder ao padrão, imprima a mensagem “Ótimo”, Caso contrário, imprima a mensagem de erro.

Saída

Agora, para aceitar a entrada como senha, use o tipo de entrada “senha”:

Você pode ver que a saída leva a senha no formato de senha:

Isso se trata da validação de senhas com caracteres especiais.

Conclusão

Usar "/^(?=.*[-\#\ $ \.\%\ & \@\!\+\ = \\*]) (?=.*[a-za-z]) (?=.*\ d).8,12 $/”Para caracteres especiais na validação de senha. O padrão considerará uma senha que contém pelo menos um alfabeto, caráter especial e um dígito de comprimento de 8 a 12 caracteres. Este artigo descreveu a expressão ou padrão regular para validação de senhas contendo caracteres especiais.