IE10 convalida bug con maxlength e segnaposto sul testo

Question

Ho una casella di testo per Age:

< input type = "text" id = nome "txtAge" = "txtAge" class = "testo" segnaposto = "Age (opzionale) "maxlength =" 2 ">

Facendo clic su Invia, questo input è immediatamente bordato di rosso. Non c'è nessun postback. Suppongo che IE10 creda che il client abbia effettivamente digitato "Age (facoltativo)" che è maggiore della lunghezza massima di 2.

Esiste comunque un modo per aggirare questo problema senza che l'utente debba eseguire alcuna operazione nelle impostazioni del proprio browser e senza rimuovere l'attributo maxlength?

Answer 1

È possibile utilizzare gli attributi novalidate e formnovalidate. Vedere this link per ulteriori informazioni.

Internet Explorer 10 e Windows Store le applicazioni che utilizzano JavaScript aggiunge il nuovo supporto per i moduli HTML5, tra cui nuovi stati di type (sul elemento di input), nuovi attributi per l'elemento di input, e l'elemento di avanzamento. Questo supporto consente agli sviluppatori di fornire rapidamente e facilmente suggerimenti all'utente, convalida dell'input e feedback con una quantità minima di script.

Fonte: http://msdn.microsoft.com/en-us/library/ie/hh673544(v=vs.85).aspx

Answer 2

Ho affrontato lo stesso problema.

In questo caso, è necessario modificare la lunghezza massima su 10 in modo che non venga emessa per la lunghezza massima e impostare la lunghezza massima desiderata per la casella di testo utilizzando javascript come segue.

function setMaxLength(obj, len) { 
return (obj.value.length < len); 
} 

e chiamare questa funzione come seguire

<input type="text" id="txtAge" name="txtAge" class="text" placeholder="Age (optional)" maxlength="10" onkeypress="return setMaxLength(this,2);"> 

Questo risolverà il problema.

Answer 3

Ho avuto lo stesso problema, nel mio caso si trattava di un campo GUID, che era nascosto in quanto non era necessario visualizzarlo sullo schermo. Quindi avevo display: none e maxlength = 0. Eppure, IE stava eseguendo la convalida, il postback stava fallendo e non avevo idea del perché. Mi ci è voluto mezzo giorno per capirlo, la soluzione era impostare maxlength = 36.