It is currently 22 April 2025, 20:56 Advanced search

Ionic Input con maschera

Domande e risposte su come utilizzare Instant Developer Cloud al meglio

Ionic Input con maschera

Postby rgiuliani » 7 May 2020, 20:59

Ciao,
è possibile impostare delle maschere sugli ion-input? Come, ad esempio, librerie tipo http://imask.js.org/ o https://github.com/RobinHerbots/Inputmask

Grazie.
User avatar
rgiuliani
 
Posts: 32
Joined: 24 October 2018, 13:35

Re: Ionic Input con maschera

Postby d.pierangeli » 8 May 2020, 13:32

Salve,
vorrei per prima cosa capire meglio la sua esigenza.

Di che tipo di campi stiamo parlando (numerici, stringhe)?
Di che maschera ha bisogno?

La maschera deve essere solo di formattazione o anche di input guidato per l'utente?

Il target di riferimento dell'applicazione è Mobile o Desktop?
User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 8092
Joined: 30 September 2010, 15:35

Re: Ionic Input con maschera

Postby rgiuliani » 8 May 2020, 16:16

Applicazione sia desktop che mobile con framework Ionic.

La maschera dovrebbe consentire all'utente un inserimento guidato.

Qualcosa del genere:
Cattura.PNG
Cattura.PNG (1 KiB) Viewed 2206 times


In questo caso un numero di telefono dove è consentito l'inserimento di soli numeri. Allo stesso modo, anche per una carta di credito, indirizzo IP, ecc.

Grazie.
User avatar
rgiuliani
 
Posts: 32
Joined: 24 October 2018, 13:35

Re: Ionic Input con maschera

Postby d.pierangeli » 20 May 2020, 13:03

Per ip/carta di credito probabilmente è sufficiente usare un IonInput di tipo number, per il telefono anche (a meno che non ti interessi proprio quel formato).

Al momento input mascherati non sono supportati, i componenti che hai segnalato si potrebbero provare a integrare scrivendo gli appositi wrapper javascript come in Extensibility Desig Patterns.

User avatar
d.pierangeli
Pro Gamma
Pro Gamma
 
Posts: 8092
Joined: 30 September 2010, 15:35


Return to Tips & Tricks - Cloud

Who is online

Users browsing this forum: No registered users and 9 guests

cron