Validare campi vuoti form in tempo reale

[giuse0100]

non so quasi nulla di javascript, ma per fare un controllo immediato è chiaro che non basta il php.
ho un semplicissimo form email che invia tramite php.
vorrei semplicemente fare spuntare un messaggio a fianco dei campi se lasciati vuoti, ma in tempo reale, cioè se dal campo "nome" passi al campo "telefono" lasciandolo vuoto dovrebbe immediatamente apparire il messaggio di errore a fianco alla campo "nome"; così per tutti i campi.
potreste aiutarmi per favore?
ecco il form che utilizzo. (l'invio dell'email lo lascerei cmq al php, ma magari se il controllo email si potesse fare anch'esso in linea ed in tempo reale sarebbe fantastico!!!)

<form method="post" action="contatti.php">
Nome: <input name="nome" type="text"><br />
Telefono: <input name="telefono" type="text"><br />
Email: <input name="email" type="text"><br />


Reparto:
<select name="reparto">
<option value="" selected="selected">seleziona</option>
<option value="Informazioni">Info Generali</option>
<option value="Commerciale">Commerciale</option>
<option value="Sviluppo software">Sviluppo software</option>
<option value="Assistenza tecnica">Assistenza tecnica</option>
</select><br />


Messaggio:<br>
<textarea name="messaggio" rows="4"></textarea><br />
<button type="submit">Invia</button>
</form>

[cavicchiandrea]

non so quasi nulla di javascript

Usa il plugin validate di jquery, semplice da installare econfigurare

[giuse0100]

grazie per la risposta, ma non riesco cmq a venirne a capo... avevo gia trovato questo plugin, ma non riesco proprio ad integrarlo nel mio form... questa cosa che devo completare ormai mi sta dando la nausea ed è come se avessi un blocco mentale

[cavicchiandrea]

Se hai difficoltà con il plugin scrivere il codice credo sia peggio comunque devi usare gli eventi onkeyup/onkeypress e una funzione che verifica il/i campi qualcosa in rete si trova fai una ricerca in rete

[giuse0100]

il fatto è che non so bene come andare ad integrare il plugin...
da quello che ho visto un po in giro dovrei integrare queste 2 librerie...

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>

ma come lo configuro il plugin con i campi del mio form?

[cavicchiandrea]

C'è un richiamo nel onload allo script .validate(.....) dove vanno specificati i campi e le regole, questo a grandi linee non uso questi tipo di script non posso essere più preciso in jquery dovrebbero esserci spiegazioni più precise

[giuse0100]

la notte mi ha portato consiglio... però mi servirebbe comunque il tuo aiuto per riuscire nell'impresa

<style type="text/css"> 
   #campo_nome {display:none;}
   #campo_telefono {display:none;}
   #campo_email {display:none;}
   #campo_reparto {display:none;}
   #campo_messaggio {display:none;}
</style>


<form method="post" action="contatti.php">
Nome: <input name="nome" type="text"><div id="campo_nome">campo obbligatorio</div><br />
Telefono: <input name="telefono" type="text"><div id="campo_telefono">campo obbligatorio</div><br />
Email: <input name="email" type="text"><div id="campo_email">campo obbligatorio</div><br />


Reparto:
<select name="reparto">
<option value="" selected="selected">seleziona</option>
<option value="Informazioni">Info Generali</option>
<option value="Commerciale">Commerciale</option>
<option value="Sviluppo software">Sviluppo software</option>
<option value="Assistenza tecnica">Assistenza tecnica</option>
</select><div id="campo_reparto">campo obbligatorio</div><br />


Messaggio:<br>
<textarea name="messaggio" rows="4"></textarea><div id="campo_messaggio">campo obbligatorio</div><br />
<button type="submit">Invia</button>
</form>

mi è venuto in mente che si potrebbe cambiare la proprietà del div in display:block tramite appunto javascript con l'evento onfocus...(come avevi consigliato tu)
cioè cliccando il secondo campo (telefono) con onfocus dovrebbe controllare se il campo superiore (nome) è stato lasciato vuoto e in quel caso visualizzare il div nascosto.
cliccando sul terzo campo (email) dovrà fare il controllo sui primi 2, sul quarto sui primi 3 e così via...

non mi serve controllare la correttezza dell'email, ma semplicemente se i campi sono stati lasciati vuoti.
In questo modo sapresti darmi una mano?