PROBLEMA Form problematico

[giggio10]

Salve a tutti ho questo problema:

Ho intezione di creare un form, composta da un 11 campi, questi campi poi saranno inviati ad un database.
Fin qui ci sono..adesso vorrei implementare una cosa, ovvero che se il form dovesse essere completamente vuoto e l'utente va a cliccare "invio dati", la pagina dovra restituire prima un messaggio javascript, come "ERRORE: i campi del form sono tutti vuoiti" e poi ritornare automaticamente alla pagina del form.
Mi sapreste spiegare come si fa.. grazie mille in anticipo :DD

 

[cdtux]

Puoi utilizzare jquery per fare ciò che chiedi.

Esempio banale di codice:

un form di questo tipo:

<form method="post" action="form.php">
    <input type="text" id="testo1" name="testo1">
    <input id="invia" type="submit" name="submit" value="Invia">
</form>

Puoi usare jquery per vedere se nel campo è stato inserito un valore:

$(document).ready(function(){
   $('#invia').click(function(){ // Al click del pulsante con id=invia
      if (! $('input#testo1').val()){ // Se nel campo testo1 non è stato inserito nessun valore
         alert('Il campo testo1 è obbligatorio'); // Apri un popup con il messaggio di errore
      }
   });
});

Se vuoi utilizzare javascript puro, puoi utilizzare sempre l'approccio sopra (modificando il codice JS ovviamente..), comunque per jquery c'è anche un apposito plugin: jqueryvalidation

PS. La validazione dei campi di un form fatta da frontend (con js o jquery) non sostituisce la validazione vera e propria che deve essere fatta da backend

EDIT:
NB. Il codice sopra non è testato, cmq dovrebbe funzionare..