menu


area contatti

area directory PRODOTTI



Torna Indietro
GUIDA JQUERY (TUTORIAL) 11. GESTIONE FORM GET E POST
05-04
./upload/05-04-2016-15-25-56.jpg

foto-1
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


Curtacci.Info Programmatore Php Java C# Javascript Css Mysql Html

() ITALIA


italiano english version francese version spagnolo version



Privacy and Policy




youtube instagram facebook feed rss

Programmatore web - Webmaster Elio Curtacci

Made with made in italy in Italy

Questo sito web utilizza i COOKIE per dare all'utente un esperienza di visita migliore.
OK
INFORMAZIONI