Campi vuoti form

**damy11** · 21-02-2011, 10:35

Ciao a tutti.
Ancora in javascript sono alle prime armi

Volevo sapere come si fa a mostrare un alert in caso i campi di un form non siano stati riempiti:

Codice PHP:


<table width="300px">

<tr><td width="50%">Nome:</td><td width="50%"><input type="text" name="nome" /></td></tr>

<tr><td width="50%">Cognome:</td><td width="50%"><input type="text" name="cognome" /></td></tr>

<tr><td width="50%">Password:</td><td width="50%"><input type="password" name="pass" /></td></tr>

<tr><td width="50%">Email:</td><td width="50%"><input type="text" name="mail" /></td></tr>

</table>

**Vindav** · 21-02-2011, 11:12

puoi accedere al valore di ogni campo tramite il loro nome o il loro id utilizzando le funzioni DOM

codice:

document.getElementById("nomeID").value;

Ovviamente devi dare ad ogni campo HTML un id univoco. Oppure:

codice:

document.getElemenstByName("nome").value;

Per verificare che siano riempite ti basta controllare che il valore sia diverso da ""

codice:

if(document.getElementById("nomeID").value != "") alert("errore");

**damy11** · 21-02-2011, 12:11

Ciao e grazie per la risposta!

Quindi devo fare una cosa così?:

Codice PHP:


<head>

....

<script type="Javascript">

if(document.getElementById("nome").value != "") alert("errore");

if(document.getElementById("cognome").value != "") alert("errore");

if(document.getElementById("pass").value != "") alert("errore");

if(document.getElementById("mail").value != "") alert("errore");

</script>

....

</head>

<body>

<table width="300px"> 

<tr><td width="50%">Nome:</td><td width="50%"><input type="text" id="nome" /></td></tr> 

<tr><td width="50%">Cognome:</td><td width="50%"><input type="text" id="cognome" /></td></tr> 

<tr><td width="50%">Password:</td><td width="50%"><input type="password" id="pass" /></td></tr> 

<tr><td width="50%">Email:</td><td width="50%"><input type="text" id="mail" /></td></tr> 

</table>

</body>

**Vindav** · 21-02-2011, 12:17

codice:

<head> 
.... 
<script type="Javascript"> 
if(document.getElementById("nome").value == "") alert("errore"); 
if(document.getElementById("cognome").value == "") alert("errore"); 
if(document.getElementById("pass").value == "") alert("errore"); 
if(document.getElementById("mail").value == "") alert("errore"); 
</script> 
.... 
</head> 
<body> 
<table width="300px">  
<tr><td width="50%">Nome:</td><td width="50%"><input type="text" id="nome" /></td></tr>  
<tr><td width="50%">Cognome:</td><td width="50%"><input type="text" id="cognome" /></td></tr>  
<tr><td width="50%">Password:</td><td width="50%"><input type="password" id="pass" /></td></tr>  
<tr><td width="50%">Email:</td><td width="50%"><input type="text" id="mail" /></td></tr>  
</table> 
</body>

Ti ho cambiato il codice, l'errore lo dai quando è uguale a "" e non diverso... avevo fatto un piccolo errore di distrazione, ora dovrebbe funzionare

**damy11** · 21-02-2011, 12:29

Ok,grazie sei stato gentilissimo!

Discussione: Campi vuoti form

Strumenti discussione

Ricerca discussione

Visualizza

Campi vuoti form

Permessi di invio