web-dev-qa-db-fra.com

La zone de saisie HTML5 avec type = "nombre" n'accepte pas les virgules dans Chrome

J'utilise une zone de saisie HTML5 avec type="number". Concernant certaines documentations, il devrait être possible de saisir un nombre avec virgule (pas avec point) si j'utilise également le lang="" attribut. Il fonctionne dans Firefox, mais pas dans Chrome (n'accepte pas de virgule). Comment puis-je obtenir Chrome pour accepter la virgule dans la zone de saisie). Mon problème est que nos utilisateurs allemands s'attendent à pouvoir entrer une virgule au lieu d'une période.

https://jsfiddle.net/byte2702/y3Lpfw7m/

Please enter a number with comma: <br/>
<input id="num" type="number" step="any" lang="de" pattern="-?[0-9]+[\,.]*[0-9]+" /> 
15
Jana Weschenfelder

Pour l'instant (30/08/2017), la réponse d'Antoine Thiry semble ne plus être valable dans Chrome (ma version est 60.0.3112.113). Malheureusement, je n'ai pas d'autre suggestion, autre que la simulation de type = "number" avec javascript.

3
Ogier

en fait, si j'ai lu la documentation correctement, pattern est non pris en charge pour type=number. par conséquent, respectez type=text puis ajoutez pattern="..." pour la validation frontale. à l'étape suivante, vous devrez ensuite convertir la saisie de texte en un nombre réel s'il n'était pas compatible avec le format JavaScript/informatique.

2017 et toujours pas de bonne solution à ce problème commun ...

6
Jörn Berkefeld