Como Validar Email com Regex no JavaScript (Código Pronto)

O cenário

Você tem um formulário e precisa verificar se o e-mail digitado está no formato certo.

O código (só copiar)

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

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

// Testando
console.log(isValidEmail("[email protected]"));   // true
console.log(isValidEmail("email-errado"));        // false
console.log(isValidEmail("[email protected]")); // true

Entendendo a regex

Usando num formulário

document.getElementById('email-form').addEventListener('submit', (e) => {
  const email = document.getElementById('email').value;
  
  if (!isValidEmail(email)) {
    e.preventDefault();
    alert('O formato do e-mail não está correto');
    return;
  }
  
  // Se passou, continua
});

Não quer escrever código?

Testa no Testador de Regex — é grátis e funciona em tempo real.