### Pregunta

¿Cómo validar un email que acepte todos los caracteres latinos?

- Por caracteres latinos me refiero a letras acentuadas, `ñ`, `ç`, y todas las usadas por idiomas como español, portugués, italiano... latinos.

### Contexto

- El objetivo es mostrar un icono al lado del texto a medida que el usuario va tipeando su dirección de mail.
- No me interesa aceptar todos los casos válidos. Fue una decisión de diseño abarcar sólo los mails más frecuentes. Es decir, letras (incluyendo acentos y similares) y los símbolos `._%+-`.
- Puedo usar código de otras fuentes, siempre y cuando sean populares (ej: jQuery).

### Código

<!-- begin snippet: js hide: false -->

<!-- language: lang-js -->

    document.getElementById('email').addEventListener('input', function() {
        campo = event.target;
        valido = document.getElementById('emailOK');
            
        emailRegex = /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i;
        //Se muestra un texto a modo de ejemplo, luego va a ser un icono
        if (emailRegex.test(campo.value)) {
          valido.innerText = "válido";
        } else {
          valido.innerText = "incorrecto";
        }
    });

<!-- language: lang-html -->

    <p>
        Email:
        <input id="email">
        <span id="emailOK"></span>
    </p>


<!-- end snippet -->

### Casos

Estoy usando el regex

    /^[-\w.%+]{1,64}@(?:[A-Z0-9-]{1,63}\.){1,125}[A-Z]{2,63}$/i

Que funciona perfecto en casos como

    [email protected]
    [email protected]

Pero falla con acentos y otras letras latinas

    germá[email protected]
    yo@mi-compañía.com
    estaçã[email protected]