Sommario
Per svolgere questo compito utilizzeremo Jquery Validation, una libreria in modo che il codice sia più pulito, compatto ed estensibile. Questa tecnologia funziona sia per gli sviluppatori php che asp.net, poiché funziona sul lato client e non sul server.Inizieremo scaricando il plugin http://jqueryvalidation.org/ e anche l'ultima versione di JQuery http://jquery.com/download/
Tra le etichette
Il plugin jquery.validation funziona attraverso i metodi di validazione e le regole di validazione che definiremo.
Il metodo di convalida è il tipo di dati, ad esempio un campo di testo numerico e il regole di convalida Permettono di associare un elemento del nostro form, ad esempio in texbox, ad uno o più metodi di validazione.
Ad esempio, definiamo un form e una casella di testo del nome e gli assegniamo un id e la classe richiesta, ovvero obbligatorio obbligatorio.
Nome
Dopo il form mettiamo il codice che farà la validazione
Il risultato se proviamo a inviare il modulo senza scrivere nulla nel campo del nome è un messaggio, questo campo è obbligatorio per impostazione predefinita in inglese.
E-mail
TRADURRE MESSAGGI DI ERRORE
Abbiamo visto che di default la validazione jquery usa la lingua inglese, vedremo come tradurla in spagnolo. Quando scarichiamo il plugin nella directory di localizzazione, include i file js con i messaggi tradotti in diverse lingue, dobbiamo solo scegliere quello che ci serve e aggiungerlo, quindi aggiungiamo
Aggiorniamo il web e le modifiche vengono osservate con gli errori in spagnolo
Se vogliamo che un campo non venga convalidato, non inseriremo la classe richiesta su di esso. Questo plugin supporta vari formati di dati come valore massimo, valore minimo, data, cifre numeriche, convalida del collegamento. Possiamo anche creare regole come un campo età in cui è consentito inserire solo valori numerici tra 18 e 99 anni
$ ().pronto (funzione () {
$ ("#formdatos"). convalida ({
debug: vero,
regole: {
età: {
richiesto: vero,
cifre: vero,
minimo: 18,
massimo: 99
}
}
})
})
Questo plugin ci consente di risparmiare molto tempo nello sviluppo di applicazioni web ed evitare di commettere errori nell'acquisizione dei dati, ad esempio.
