Usando regex para validação de formulários em JavaScript

A validação de formulários é uma parte essencial no desenvolvimento de aplicações web, garantindo que os dados enviados pelos usuários estejam no formato correto. Uma das ferramentas mais poderosas e versáteis para isso é a expressão regular (regex), que permite verificar padrões específicos em strings de maneira eficiente.

O que são expressões regulares?

Expressões regulares (regex) são sequências de caracteres que definem um padrão de busca. No contexto de validação de formulários, elas são usadas para verificar se os dados inseridos pelo usuário atendem a requisitos específicos, como um endereço de e-mail válido, um número de telefone com o formato correto, ou até mesmo uma senha forte.

Por que usar regex para validação de formulários?

• Eficiência: Expressões regulares permitem validar dados de forma rápida e compacta, sem a necessidade de escrever longos blocos de código.
• Flexibilidade: Com regex, é possível criar validações complexas para quase qualquer tipo de dado.
• Facilidade de manutenção: Alterações em uma expressão regular podem ser feitas rapidamente, sem modificar a estrutura do código de validação.

Exemplo de uso de regex para validação de um e-mail

Abaixo, mostramos como você pode utilizar uma expressão regular simples para validar um endereço de e-mail:

const emailRegex = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,6}$/;

function validarEmail(email) {
  return emailRegex.test(email);
}

Neste exemplo, a regex verifica se o e-mail contém caracteres válidos antes e depois do símbolo “@” e se termina com um domínio válido.

Validação de senha com regex

Outro exemplo comum é a validação de senhas, que geralmente exige uma combinação de letras, números e caracteres especiais. Veja um exemplo de como realizar essa validação:

const senhaRegex = /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d@$!%*?&]{8,}$/;

function validarSenha(senha) {
  return senhaRegex.test(senha);
}

Esta regex exige que a senha tenha pelo menos 8 caracteres, com pelo menos uma letra e um número.

Validação de número de telefone com regex

Validar números de telefone pode ser complexo devido aos diferentes formatos entre países. No entanto, com regex, podemos criar um padrão para validar números no formato brasileiro, por exemplo:

const telefoneRegex = /^\(?\d{2}\)?\s?9\d{4}-\d{4}$/;

function validarTelefone(telefone) {
  return telefoneRegex.test(telefone);
}

Neste caso, a regex valida números de telefone brasileiros com o formato (XX) 9XXXX-XXXX.

Conclusão

As expressões regulares são uma ferramenta poderosa e eficiente para realizar validações em formulários com JavaScript. Elas permitem garantir que os dados inseridos pelos usuários atendam aos critérios necessários de forma compacta e fácil de implementar. Com um pouco de prática, você pode criar regex personalizadas para atender às suas necessidades de validação de dados.

Confira mais sobre outras validações e boas práticas para formularios!