Controllo campi obbligatori

**Andrea1979** · 28-09-2005, 12:03

Prova un po' così: dovrai chiaramente gestire meglio i tuoi dati, la mia vuole essere solo una traccia

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="javascript" type="text/javascript">
function show_hide(c) {
  alert(c.name);
  document.getElementById(c.name+"field").style.display = (document.getElementById(c.name+"field").style.display=="none" ? "inline" : "none");
}
</script>
<title>Form Commenti</title>
</head>

<body>
<form name="form1" method="post" action="submit.php">
  <table width="600">
    <th width="100">Campo</th>
    <th width="200">Valore</th>
    <th>Commenti</th>
	<tr>
	  <td width="100">Cognome:</td>
	  <td width="200"><input name="cognome" type="text"><input name="cmmc" type="button" value="*" onClick="show_hide(this);"></td>
	  <td><div id="cmmcfield" style="display: none;">Commento Cognome:<input type="text" name="cmmcognome"></div></td>
	</tr>
	<tr>
	  <td width="100">Nome: </td>
	  <td width="200"><input name="nome" type="text"><input name="cmmn" type="button" value="*" onClick="show_hide(this);"></td>
	  <td><div id="cmmnfield" style="display: none; ">Commento Nome:<input type="text" name="cmmnome"></div></td>
	</tr>
	<tr>
	  <td width="100">Provincia: </td>
	  <td width="200"><select name="provincia">
      <option> </option>
      <option value="AO">AO</option>
      <option value="VE">VE</option>
      <option value="RM">RM</option>
      <option value="NA">NA</option>
      <option value="CT">CT</option>
    </select><input name="cmmp" type="button" id="cmmp" value="*" onClick="show_hide(this);">
    </td>
	  <td><div id="cmmpfield" style="display: none;">Commento Provincia:<input type="text" name="cmmprovincia"></div></td>
	</tr>
  </table><input type="submit" value="submit">
</form>
</body>
</html>

**Ispanico82** · 28-09-2005, 13:29

Interessante questo show hide

grazie mille dell'aiuto... ora mi metto all'opera

**Ispanico82** · 28-09-2005, 15:18

Perfetto! I commenti funzionano thanks

ora mi manca solo da risolvere il problema relativo alla tendina del comune come campo obbligatorio... infatti se si seleziona o non si seleziona un comune mi mostra sempre l'alert e quindi non mi fa accedere alla pagina successiva.

Ecco qua la parte di codice:

<HEAD>

if(Comune.value=="") {
alert("Errore: selezionare il COMUNE");
Comune.focus();
return false;
}

</HEAD>

e poi nel

<BODY>

<select name="Comune" type="text" size="1" maxLength="50">
<option selected><? echo($_GET["Comune"]);?></option>
<option>comune1</option>
<option>comune2</option>
</select>

</BODY>

**Andrea1979** · 28-09-2005, 15:57

è ancora fuori dal form...

**Ispanico82** · 28-09-2005, 16:36

nono rientra... aspetta ricopio tutto il codice va che è meglio

<html>
<head>

<title> Dati personali </title>

<script language="javascript" type="text/javascript">
function show_hide(c) {
alert(c.name);
document.getElementById(c.name+"field").style.disp lay = (document.getElementById(c.name+"field").style.dis play=="none" ? "inline" : "none");
}

function controllo(){
with(document.inviadati) {
if(Cognome.value=="") {
alert("Errore: compilare il campo COGNOME");
Cognome.focus();
return false;
}
if(Nome.value=="") {
alert("Errore: compilare il campo NOME");
Nome.focus();
return false;
}
if(NumAVS.value=="") {
alert("Errore: compilare il campo NUMERO AVS");
NumAVS.focus();
return false;
}
if(Comune.value=="") {
alert("Errore: selezionare il COMUNE");
Comune.focus();
return false;
}
}
alert("Controllo effettuato con successo. Il modulo sarà inviato.");
return true;
}
</script>

</head>
<body>

<form name="inviadati" onSubmit="return controllo();" method="post" action="pagina2.php">

<table align ="center">
<tr><td>Cognome*</td>
<td><input name="Cognome" type="text" maxLength="50"> <input name="Visualizza/Nascondi commento al Cognome" type="button" value="*" onClick="show_hide(this);"></td>

<tr><td>Nome*</td>
<td><input name="Nome" type="text" maxLength="50"> <input name="Visualizza/Nascondi commento al Nome" type="button" value="*" onClick="show_hide(this);"> </td>

<tr><td>N°AVS*</td>
<td><input name="NumAVS" type="text" maxLength="50">
<input name="Visualizza/Nascondi commento al Numero AVS" type="button" value="*" onClick="show_hide(this);"> </td>
<td></td></tr>

<tr><td>Comune*</td>

<td><select name="Comune" type="text" size="1" maxLength="50">
<option selected><? echo($_GET["Comune"]);?></option>
<option>comune1</option>
<option>comune2</option>
</select>

<input name="Visualizza/Nascondi commento al Comune" type="button" value="*" onClick="show_hide(this);"> </td> </tr>

<tr><td></td>

<td>

<input id="InsDati" name="InsDati" type="Submit" value="Inserisci dati">

</td></tr>

</table>

<table>

<tr>

<td width=1000 align= center></td>
<td width=1000 align = center><h4 align= center>Home</h4></td>
<td width=900 align = center><h4 align = right>Help</h4></td>

</tr>

</table>

<hr></hr>

<table>
<tr>
<td><input id="Commento_Dati_personali" name="Commento_Dati_personali" type="submit" font color="#FF0000" value="*"></td>
<td>Commenti</td></tr>
</table>

<table><tr><td><div id="Visualizza/Nascondi commento al Cognomefield" style="display: none;">[i]Cognome [i]<input type="text" name="cmmcognome" size=118></div></td></tr></table>

<table><tr><td><div id="Visualizza/Nascondi commento al Nomefield" style="display: none;">[i]Nome [i]<input type="text" name="cmmnome" size=118></div></td></tr></table>

<table><tr><td><div id="Visualizza/Nascondi commento al Numero AVSfield" style="display: none;">[i]N°AVS [i]<input type="text" name="cmmnumAVS" size=118></div></td></tr></table>

<table><tr><td><div id="Visualizza/Nascondi commento al Comunefield" style="display: none;">[i]Comune [i]<input type="text" name="cmmcomune" size=118></div></td></tr></table>

</form>
</body>

</html>

**Andrea1979** · 28-09-2005, 19:04

ahem... stai dicendo che è una select, e dopo che è type="text"... non serve, anzi, non vuol dire niente e il browser impazzisce

codice:

<select name="Comune">
  <option value="Pippo">Pippo</option>
  <option value="Pluto">Pluto</option>
  <option value="Paperino">Paperino</option>
  <option value="Ciccio di Nonna Papera">Ciccio di Nonna Papera</option>
</select>

Va più che bene

**Ispanico82** · 28-09-2005, 21:59

ineffetti... :master: grazie per la pazienza

**Ispanico82** · 29-09-2005, 08:44

Ora l'ho testato e funziona tutto...

**Andrea1979** · 29-09-2005, 08:52

riposta tutto il codice.
usa

[*CODE] [/CODE*] senza gli * per formattare il codice in maniera leggibile.

Ciao.

PS: posta il codice HTML, non quello php. Ossia, copia e incolla il codice che prendi dal browser, non quello di DreamWeaver o che stai usando.

**Ispanico82** · 29-09-2005, 08:54

nono scusa... ho risposto troppo frettolosamente prima... ora va tutto grazie... cmq programmo col mitico notepad

Discussione: Controllo campi obbligatori

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio