Expressões regulares, conhecidas como Regex, são padrões utilizados para encontrar, validar e manipular textos.
Elas são muito utilizadas em formulários HTML, sistemas Web, validação de dados e processamento de informações.
| Aplicação | Exemplo |
|---|---|
| Validação de e-mail | usuario@email.com |
| Telefone | (11) 99999-9999 |
| CPF | 000.000.000-00 |
| Senhas | Regras de segurança |
No HTML5 utilizamos o atributo pattern para aplicar expressões regulares.
<input
pattern="[0-9]{5}">
O exemplo aceita exatamente 5 números.
| Símbolo | Significado |
|---|---|
| . | Qualquer caractere. |
| ^ | Início do texto. |
| $ | Final do texto. |
| * | Zero ou mais ocorrências. |
| + | Uma ou mais ocorrências. |
| ? | Opcional. |
| Padrão | Descrição |
|---|---|
| [abc] | Aceita a, b ou c. |
| [0-9] | Aceita números. |
| [A-Z] | Letras maiúsculas. |
| [a-z] | Letras minúsculas. |
| Elemento | Função |
|---|---|
| {n} | Exatamente n vezes. |
| {n,m} | Entre n e m vezes. |
| {n,} | No mínimo n vezes. |
[0-9]{5}
Aceita exatamente cinco números.
[0-9]+
Aceita uma sequência de números.
[A-Za-z]+
Aceita apenas caracteres alfabéticos.
\([0-9]{2}\)
[0-9]{5}-[0-9]{4}
Exemplo: (11) 99999-9999
[0-9]{5}-[0-9]{3}
Exemplo: 12200-000
Exemplo de regra:
(?=.*[A-Za-z])
(?=.*[0-9])
.{8,}
let texto = "12345";
let resultado =
/[0-9]+/.test(texto);
O método test() verifica se o padrão foi encontrado.
| Erro | Problema |
|---|---|
| Regex muito complexa | Dificulta manutenção. |
| Não testar padrões | Permite erros. |
| Usar apenas Regex | Não substitui segurança. |
| Recurso | Função |
|---|---|
| Regex | Cria padrões de validação. |
| pattern | Aplica regra no HTML. |
| Quantificadores | Controlam quantidade. |