Eingabe-E-Mail-Wert in Chrome mit Akzentzeichen falsch

Question

Bei der Eingabe von Buchstaben mit Akzent in eine E-Mail mit Eingabe-Typ in Chrome ändert sich der Wert in etwas Seltsames.

Bei der Eingabe der E-Mail: test@Bücher.ch der Eingangswert wird zu: test@xn--bcher-kva.ch.

$('#email').val() // --> test@xn--bcher-kva.ch 
document.getElementById('email').value // --> test@xn--bcher-kva.ch 

Dies geschieht nicht mit einem Text vom Eingabetyp oder in anderen gängigen Browsern.

Siehe zum Beispiel fiddle. Was ist hier los und wie komm ich rum?

Answer 1

Ich denke, es ist kein Fehler, es ist wegen der Spezifikation. Chrome folgt der Spezifikation auf andere Weise als andere Browser :) und übersetzt die IDN in ihre ASCII-Darstellung.

https://code.google.com/p/chromium/issues/detail?id=410937

sie entschlüsseln zurück Sie einige 3rd-Party-Lösung wie

Converting punycode with dash character to Unicode

Answer 2

Fiddle

<form> 
    <input id="email2" type="text"placeholder="your@email.com" autofocus required pattern="[^ @]*@[^ @]*"> 
    <input type ="submit"> 
</form> 

Für dieses Problem ist es, weil die E-Mail Art der Eingabe, nach '@' gibt Zeichen Browser diesen Fehler. Ich denke, sie glauben, dass E-Mail-Adressen immer auf Englisch sein müssen.

Wie dem auch sei Texttyp verwenden dann bieten E-Mail-Regex