Cerca nel blog

Pubblicità

banner-125x125 banner-125x125 banner-125x125 banner-125x125

Feed RSS e Newsletter

Puoi seguire il mio blog abbonandoti al feed RSS, se non sai cos'è un feed RSS prova a guardare questo video... Spiega tutto!

Icona Feed RSS

Twitter

PayPal

Se ti piace questo blog puoi pensare ad una donazione.

Tutti i fondi ricevuti saranno utilizzati per il mio sollazzo personale. :-)

Ultimi commenti...

Napolux: @ Barbara: Sì, dovrei tornare domani :)

Barbara: Che bello ( ma che freddo) ma sei li per lavoro ?

VITO: Il sito dice che accetta pagamenti con carta di credito ,visa e mastercard……… ;….la...

Napolux: @ Davide Salerno: Domanda banale… Dopo i 20 anni IMHO si sfondano… ;)

Davide Salerno: Come sono le svedesi?

Masked input con jQuery

venerdì 8 febbraio 2008
1 Star2 Stars3 Stars4 Stars5 Stars Vota!
Loading ... Loading ...

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! :D

[tags]jquery[/tags]

Questo articolo è stato pubblicato venerdì, 8 febbraio 2008 alle ore 08:51 Se non vuoi perdere nemmeno un articolo del mio blog abbonati al feed RSS. Se non sai cos'è un feed RSS puoi guardare questo video, spiega tutto!

In alternativa puoi abbonarti alla newsletter, riceverai un'email ogni volta che verrà pubblicato un nuovo post. Il tuo indirizzo email sarà gestito da Feedburner.

  

2 Commenti a “Masked input con jQuery”

  1. yQy scrive:
    8 febbraio 2008 alle 09:34

    urca…bello!
    grazie.

    uon carnevale anche a te. (passato :mrgreen: )

  2. Sergio scrive:
    8 febbraio 2008 alle 12:21

    Veramente molto bello!
    Corro ad implementarlo ovunque! :-)