Masked input con jQuery

08 Febbraio 2008
Archiviato in JavaScript, Programmazione

Si avvicina il carnevale ambrosiano, quindi parliamo di maschere: le maschere di input vengono utilizzate moltissimo nella programmazione "tradizionale": servono a facilitare un corretto inserimento dei dati da parte dell'utente e a fare una prima "validazione" dell'input.

Un esempio di maschera di input? Il campo di testo che permette di inserire manualmente l'indirizzo IP di una scheda di rete in Windows è un "masked input" della forma 999.999.999.999 (3 numeri, punto, 3 numeri, punto, ecc...)

ip_windows

Sul web creare maschere di input non è semplice: i form HTML non prevedono la possibilità di specificare una maschera da applicare ai dati inseriti.

Oggi, però, grazie a questo plugin per jQuery creare maschere di input basate su caratteri alfanumerici diventa una passeggiata. Date un'occhiata alle demo: niente di più semplice per chi conosce jQuery. Basta includere il plugin nella pagina, assegnare un ID al campo da "mascherare" e definire il tipo di maschera...

jQuery(function($){
$("#date").mask("99/99/9999");
$("#phone").mask("(999) 999-9999");
$("#tin").mask("99-9999999");
$("#ssn").mask("999-99-9999");
});

Buon Carnevale!

[tags]jquery[/tags]

JavaScript, Programmazione, jquery

Vota!

Loading ...

Articoli che potrebbero interessarti

markItUp!
Aptana si aggiorna e migliora il supporto a PHP
Il meglio della settimana - 71
Altri 10 links su AJAX ;)

2 Commenti per “Masked input con jQuery”

yQy ha detto:
08 Febbraio 2008 alle 09:34

urca…bello!
grazie.

uon carnevale anche a te. (passato )
Sergio ha detto:
08 Febbraio 2008 alle 12:21

Veramente molto bello!
Corro ad implementarlo ovunque!