Les caractères accentués ne sont pas récupérés correctement

J’ai rencontré ce problème étrange aujourd’hui. Nous avons un champ email dans notre page, et si un utilisateur entre:
specialcharacter123@eñe.es

Alors seulement dans le cas de Chrome, je reçois [email protected] :

J’ai essayé:

 jQuery('#email').val() 

Et

 document.getElementById('email').value 

Les deux m’ont donné les mêmes résultats. (Cela fonctionne bien dans Safari).

Aussi j’ai déjà ceci dans la page:

   

Je suis incapable de savoir ce qui ne va pas ici.

Les noms de domaine peuvent inclure uniquement des caractères ASCII, voir Nom de domaine internationalisé . L’URL fonctionnera correctement lors des requêtes, mais si vous souhaitez l’afficher au format UTF8, vous devez le convertir. Il existe différentes solutions pour différentes langues. Pour JavaScript, vous pouvez utiliser punycode.js .

C’est vraiment étrange. Mais j’ai résolu ce problème en faisant les changements suivants:

DE:

  

À:

  

Le type est changé de email en text et maintenant ça fonctionne bien. ( Cette solution a d’autres problèmes, mais je peux vivre avec cela ). Sous Chrome, le type='email' ne fonctionne pas comme prévu. Les caractères accentués sont convertis en punycode.