it.hideout-lastation.com
Convalidare facilmente gli input dei moduli su qualsiasi browser con Validatr
Trattare con i moduli sul Web può essere molto interessante. Puoi fare molta personalizzazione nel design, sull'etichetta e persino sull'autenticazione. Con molte nuove funzionalità disponibili in HTML5, Jay Morrow ha creato Validatr che si affida ai nuovi attributi di input HTML5 per eseguire una convalida semplice e automatica dei moduli.
Validatr è un plugin jQuery gratuito per più browser. Riunirà automaticamente il bordo del modulo in rosso se l'utente immette un valore non valido. Può anche eseguire molte convalide di input come e-mail, numero, url, intervallo, input colore e data .
Sono anche disponibili messaggi di errore personalizzati con varie opzioni che utilizzano attributi di dati HTML5. Puoi personalizzare l'elemento del messaggio di errore con il tuo CSS, e il plugin ha alcuni stili CSS piuttosto buoni.
Guida di base
Per usare Validatr, includi l'ultimo jQuery e anche lo script Validatr nel tuo progetto.
Quindi chiama il plug-in con il seguente snippet:
Il plugin riconoscerà l'elemento del form per applicare le modifiche.
Markup HTML
Come accennato, Validatr utilizza l'elemento input per funzionare. L'elemento è racchiuso all'interno del tag form . L'elemento di input gestirà tutti i diversi tipi di moduli e impostazioni utilizzando data-attribute HTML5.
Ad esempio, quando si desidera creare un modulo numerico, è sufficiente aggiungere type="number" input e alcuni requisiti aggiuntivi, ad esempio limitando il numero minimo e massimo. Se agli utenti non è consentito lasciare il modulo vuoto, basta aggiungere l'attributo required .
Il seguente è un esempio di implementazione di base:
L'attributo step viene utilizzato per gli incrementi di valore quando l'utente fa clic sulla freccia di aumento o diminuzione nel modulo, a partire dal numero min definito o 0. Se il valore è impostato su "0", significa che utilizza l'incremento predefinito o aumentato solo uno punto (il valore deve essere un numero positivo).
Ed ecco il risultato quando un utente inserisce un valore non valido o un numero fuori intervallo. Il nostro esempio usa 2 per il step che significa a partire da 1, gli unici numeri validi, hanno un incremento di 2, cioè: 3, 5, 7 e così via. Il valore massimo è 11.
Per un elenco completo di altri tipi di input e documentazione degli attributi, si prega di visitare la pagina Validatr.
15 giochi che conquisteranno il tuo cuore con la sua splendida grafica
Per alcuni di noi un gioco con grafica grezza ma trama o gameplay impressionante è buono nei nostri libri. Per gli altri, la grafica è un aspetto vitale dei giochi, anche se è "solo" un gioco di app per dispositivi mobili. In questo elenco, vedrò giochi scelti con cura che presentano immagini artistiche, gameplay interessanti o storie ipnotizzanti che ispireranno gli artisti a creare più opere d'arte.Alcu
20 idee per inviti di matrimonio più creativi di sempre
La stagione è qui e probabilmente hai ricevuto un invito a nozze o due un paio di mesi fa. Un sacco di lavoro va nella preparazione per una cerimonia di nozze e mentre alcuni inviti di nozze sono stampati o scritti a mano, portano un tocco personale.Questi inviti hanno tuttavia portato il tocco personale su un altro livello.
