C'è un modo per impedire a Mobile Safari di inserire virgole nei campi numerici nei moduli HTML?

Question

Ho un sito che contiene un modulo per consentire agli utenti di inserire i dati della carta di credito. I campi per il numero della carta, numero di emissione, numero CVC e l'importo che desiderano depositare utilizzano una casella di immissione in un modulo HTML con il tipo "numero".

Il Safari mobile aggiornato fornito con iOS 5 inserisce automaticamente virgole in numeri nei campi di inserimento "numero". Questo non sembra solo stupido in un numero CC, ma infrange la mia convalida. C'è un modo per fermare questo?

L'unico scopo dell'utilizzo del "numero" rispetto al "testo" è quello di fare in modo che iOS e Android visualizzino una tastiera morbida solo numeri anziché la tastiera completa.

Ho provato a utilizzare un input di tipo "testo" con un pattern impostato su "[0-9] *". Questo fa apparire la tastiera dei numeri su iOS ma non su Android. Inoltre, non consente di inserire il numero con un punto decimale.

Sarei molto grati per qualsiasi suggerimento :)

Grazie

Answer 1

Sto avendo lo stesso problema. Penso che abbia a che fare con il formato della regione nelle tue impostazioni. È possibile impostare il tipo su "testo":

type = testo pattern = "[0-9] {1,4} (\. [0-9] {2})?"

per un valore compreso tra 0 e 9999,99. Tuttavia, questa soluzione non attiva la tastiera numerica su iOS 5. o conservare le impostazioni internazionali sovrascrivere (dot/virgola) e impostare:

type = numero del passo = "0.01" max = "9999.99"

per i valori decimali compresi tra 0 e 9999.99. Anche mancata validazione o campi vuoti con attributo "richiesti" non impediscano forma di presentare in Safari 5.1 (OS X e IOS).

Answer 2

Ho cambiato il mio da "numero" a "tel" e non vedo più il problema.

Answer 3

Sei vicino - tutto ciò che devi fare è impostare il modello su "[0-9] *" e mantenere il tipo come "numero".