Validar Email em JavaScript com Regex

Snippet JavaScript para validação de email no frontend e backend com expressões regulares.

Introdução

A validação de email no cliente proporciona feedback instantâneo. JavaScript é ideal para isso.

O Algoritmo

Utiliza uma expressão regular que verifica a presença de @ e um domínio válido com extensão.

Implementação em Javascript

email-validator.jsjavascript

function validateEmail(email) {
    const regex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+.[a-zA-Z]{2,}$/;
    return regex.test(email);
}

// Uso com formulários HTML
const emailInput = document.getElementById('email');
emailInput?.addEventListener('blur', function() {
    const isValid = validateEmail(this.value);
    this.classList.toggle('border-red-500', !isValid);
    this.classList.toggle('border-green-500', isValid);
});

// Testes
console.log(validateEmail("user@example.com"));   // true
console.log(validateEmail("invalid-email"));       // false
console.log(validateEmail("nome@dominio.com.br")); // true

A regex cobre os cenários mais comuns. Para validação completa segundo a RFC 5322, use bibliotecas como `validator.js` ou a Constraint Validation API nativa do HTML5.

Não quer escrever código?

Use nossa ferramenta online gratuita para processar EMAIL-VALIDATOR instantaneamente. Perfeito para testes rápidos.

Usar Ferramenta de EMAIL-VALIDATOR Online