Javascript regex

Ao desenvolver sites, a validação do formulário é uma atividade crucial que ajuda a verificar a integridade dos dados e impedir problemas de segurança. Os nomes de usuário são um tipo típico de entrada do usuário no formulário usado para identificar pessoas em sites e aplicativos. Validando nomes de usuário pode ajudar a garantir que atendam aos padrões específicos, como limites de caráter e comprimento.

Este artigo descreverá o procedimento para validar o nome de usuário usando regex em javascript.

Como validar o nome de usuário usando JavaScript Regex?

Para validar o nome de usuário, primeiro, criar uma expressão regular que determinará se o valor de entrada do usuário corresponde ao padrão fornecido. Então, utilize o “teste()”Método para verificação da entrada do usuário de acordo com o padrão.

Siga o padrão fornecido para obter informações que contém apenas letras, números e ambos, mas não permite entrar em nenhum personagem especial:

var regexpattern = /^[a-za-z0-9]+$ /;

O padrão fornecido permitirá apenas letras com números e não permite inserir apenas números, letras e caracteres especiais na entrada:

var regexpattern =/^(?=.*[a-za-z]) (?=.*[0-9]) [A-ZA-Z0-9]+$/;

Dica de bônus: Você também pode especificar o comprimento do nome de usuário em seu padrão.

Use a sintaxe dada para o “teste()”Método para verificar a entrada de acordo com o padrão regex:

padrão.teste (entrada)

Exemplo 1: O nome de usuário contém apenas números, letras e ambos os personagens especiais não são permitidos

Primeiro, crie um formulário em um documento HTML usando a tag que contém um campo de entrada e um botão de envio. Anexe um “ONCLICK”Evento com o botão que chamará o“ValidateUserName ()”Função no clique do botão:

Nome de usuário:



Enviar

Na tag, definiremos uma função chamada “ValidateUserName ()”Isso acionará o clique do botão:

função validatesername ()

var inputValue = documento.getElementById ("entrada").valor;
var regexpattern = /^[a-za-z0-9]+$ /;
if (regexpattern.teste (InputValue))

alerta ("nome de usuário é válido");
retornar true;

outro

alerta ("Digite um nome de usuário válido");
retorna falso;

Na função acima definida:

• Primeiro, obtenha a referência do campo de entrada usando o “documento.getElementById ()”Método e depois recupere o valor de entrada do usuário com a ajuda do“valor”Atributo.
• Defina um padrão para validar o nome de usuário.
• Então, utilize o “texto()”Método com um padrão e obtenha a entrada como um argumento para verificar se a entrada está de acordo com o regex ou não.
• Se o valor de entrada for equivalente ao padrão, então, a mensagem de alerta “O nome de usuário é válido”É mostrado, caso contrário, a caixa de alerta exibe o“Digite um nome de usuário válido" mensagem:

Saída

Exemplo 2: o nome de usuário contém cartas com números, apenas números ou apenas letras não são permitidas

Neste exemplo, usaremos o regex para obter informações que contêm cartas com números, apenas dígitos, letras ou caracteres especiais com letras ou números não são permitidos. Para isso, usaremos o padrão fornecido no “ValidateUserName ()”Função:

var regexpattern =/^(?=.*[a-za-z]) (?=.*[0-9]) [A-ZA-Z0-9]+$/;

A saída mostra que, quando o usuário insere apenas dígitos, letras ou nome de usuário com uma carta, número e personagem especial, uma mensagem de alerta “Digite um nome de usuário válido" é mostrado. Ao inserir a entrada que contém letras e números, ela dá uma mensagem “O nome de usuário é válido”:

É tudo sobre a validação de nome de usuário em javascript usando regex.

Conclusão

Para validar o nome de usuário, use a expressão regular ou o padrão regex de acordo com seus requisitos. Aqui, neste artigo, discutimos dois padrões; ““/^[a-za-z0-9]+$/;" e "/^(?=.*[a-za-z]) (?=.*[0-9]) [A-ZA-Z0-9]+$/;”. O primeiro padrão leva a entrada apenas com letras, números e ambos, mas não permite inserir nenhum personagem especial. Embora o segundo padrão não permita entrar apenas letras e dígitos como um nome de usuário. Para validar a entrada de acordo com o padrão, o “teste()”O método é utilizado. Este artigo descreveu o procedimento para validar o nome de usuário usando regex em javascript.