Validar Email con Regex en JavaScript (Código Listo)

El escenario

Tienes un formulario y necesitas verificar que el email ingresado tenga un formato válido.

El código (copia y pega)

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

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

// Prueba rápida
console.log(isValidEmail("[email protected]"));  // true
console.log(isValidEmail("email-mal-escrito")); // false
console.log(isValidEmail("[email protected]"));   // true

¿Qué hace cada parte?

Ejemplo en un formulario

document.getElementById('email-form').addEventListener('submit', (e) => {
  const email = document.getElementById('email').value;
  
  if (!isValidEmail(email)) {
    e.preventDefault();
    alert('El formato del email no es válido');
    return;
  }
  
  // Si pasa, continúa
});

¿No quieres escribir código?

Prueba el Probador de Regex gratis y valida tus patrones en tiempo real.