web-dev-qa-db-fra.com

Afficher uniquement le clavier numérique sur l'application Ionic / Cordova

J'ai deux problèmes avec mon application Ionic/Cordova, tous deux avec un clavier numérique que je n'ai pas la possibilité de montrer.

1) Saisie du mot de passe qui doit afficher un clavier numérique. Il montre un clavier alphanumérique. Si je passe au numérique, je ne peux pas masquer les entrées (avec *).

2) Saisie numérique que je dois insérer un masque de devise (de gauche à droite). Toutes les options que je trouve s'exécutent en saisie de texte.

Quelqu'un m'aide? S'il vous plaît!

17
Willian Custódio

J'ai résolu avec CSS:

<input type="number" style="-webkit-text-security:disc">

Merci à tous pour votre aide!

17
Willian Custódio

J'ai résolu avec tel:

<input type="tel">
14
user3546879

2) Saisie numérique que je dois insérer un masque de devise (de gauche à droite). Toutes les options que je trouve s'exécutent en saisie de texte.

En utilisant http://www.numbox.org vous pouvez résoudre le deuxième problème.

4
victor sosa

J'utilise
<ion-input type="number" pattern="\d*"></ion-input> et ça marche

clavier Android

3
Zeeshan Anjum

Vieux mais j'ai juste eu ce problème.

Je l'ai résolu en faisant l'entrée:

  type="number"
  pattern="[0-9]*"

J'espère que ça aide.

1
João Mourão

Utilisez l'attribut de modèle: <input type="tel" pattern="[0-9]*">

0
jonhhi

Essayez d'ajouter ceci à votre entrée, onkeypress = 'return event.charCode> = 48 && event.charCode <= 57'

0
Omar Hassan