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.