Resumo HTML - Regex (Expressões Regulares)

1. O que é Regex?

Regex (abreviação de Regular Expression ou expressão regular) é uma linguagem para identificar padrões em textos. Você pode usar regex para:

Validar campos em formulários (email, CPF, senha, etc)
Buscar palavras ou formatos específicos em textos
Substituir ou extrair partes de um conteúdo

2. Como usar Regex no HTML

Você pode usar regex no HTML por meio do atributo pattern dentro de um <input>.

Exemplo – CEP no formato 00000-000:

<input type="text" pattern="\d{5}-\d{3}" required>

Esse campo só será aceito se o valor digitado seguir o padrão 5 dígitos + hífen + 3 dígitos.

3. Símbolos básicos do Regex

Símbolo	Significado	Exemplo
`.`	Qualquer caractere	`a.c` → "abc", "a9c", "a-c"
`\d`	Um número (0 a 9)	`\d\d` → "23", "05"
`\w`	Letra, número ou _	`\w+` → "texto_123"
`\s`	Espaço em branco	`a\sc` → "a c"
`^`	Início do texto	`^Olá` → só aceita se começar com "Olá"
`$`	Fim do texto	`fim$` → só aceita se terminar com "fim"
`{n}`	Exatamente n repetições	`\d{2}` → dois dígitos
`{n,}`	n ou mais repetições	`\d{3,}` → três ou mais dígitos
`[abc]`	Um dos caracteres	`[aeiou]` → vogais
`( )`	Agrupar	`(ab)+` → "ab", "abab", "ababab"

4. Exemplos práticos

✅ Email válido:

pattern="^[\w\.-]+@[\w\.-]+\.\w{2,}$"

✅ Apenas números:

pattern="^\d+$"

✅ Senha com pelo menos 6 caracteres e 1 número:

pattern="^(?=.*\d).{6,}$"

✅ Somente letras (com acentos e espaços):

pattern="^[A-Za-zÀ-ú\s]+$"

Resumo: Regex – Expressões Regulares