GUIDA JQUERY (TUTORIAL) 11. GESTIONE FORM GET E POST
|
Una cosa che potrà spesso accadere nei vostri progetti è quella di dover gestire i FORM ed eventualmente controllarne i dati in corso d'opera senza dover ricaricare la pagina.
Facciamo un esempio che è meglio.
Ipotizziamo
di dover gestire un modulo di registrazione con richiesta di Nome e Cognome.
Vogliamo che nel caso manchi anche un solo dato il sistema deve avvisare l'utente che ha lasciato un campo vuoto e non prosegua.
INSERIRE NEL BODY
<FORM CLASS=MODULO>
First name: <input type="text" id="nome" name="fname">
Last name: <input type="text" id="cognome" name="lname">
<input type=submit value="PROSEGUI">
</FORM>
INSERIRE NEL BLOCCO SCRIPT
$ (".MODULO").submit(function(){
var errore_trovato=0;
if($("#nome").val()!=""){}else {alert("Manca Nome"); errore_trovato=1;}
if($("#cognome").val()!=""){}else {alert("Manca Cognome"); errore_trovato=1;}
if(errore_trovato==0)alert("Submitted");
});
Allora senza soffermarmi troppo sulla forma e l'eleganza del codice, questo fa quello di cui avete bisogno.
In pratica passa i dati via GET alla pagina stessa.
Diciamo che con altre due righe di PHP o ASP potete gestirvi la cosa.
Adesso potete GESTIRE i FORM CON JQUERY.
Prossimamente inserisco una mini guida per gestire le chiamate JSON.
Buon Web a tutti
Questo sito web utilizza i COOKIE per dare all'utente un'esperienza di visita migliore.