Wartość adresu e-mail w formacie wejściowym w Chrome z nieprawidłowymi znakami diakrytycznymi

Question

Po wprowadzeniu znaków akcentowanych w wiadomości e-mail typu wejściowego w przeglądarce Chrome zmienia ona wartość na dziwną.

Podczas wprowadzania adresu e-mail: test@Bücher.ch wartość wejściowa staje: test@xn--bcher-kva.ch.

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

Nie dzieje się tak z tekstem typu wejściowego lub w innych głównych przeglądarkach.

Zobacz na przykład fiddle. Co się tutaj dzieje i jak sobie z tym poradzić?

Answer 1

myślę, że to nie jest błąd, to ze względu na specyfikację. Chrome po prostu podąża za specyfikacją w inny sposób niż inne przeglądarki :) i tłumaczy IDN na jego reprezentację ASCII.

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

Aby zdekodować go można korzystać z niektórych 3rd rozwiązania firm takich jak

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> 

W tym problem to z powodu wejściowego typu e-mail, po „@” znak przeglądarka daje ten błąd. Sądzę, że uważają, że adresy e-mail zawsze muszą być w języku angielskim.

Zresztą Użyj typu tekstowego następnie podać email regex