validare un checkbox

**@le85** · 15-09-2005, 10:18

Ciao...
Innanzitutto complimento per il Pupo!

Poi vorrei chiedere...
ho un form...
ho vari campi, ma solo il chechbox, che è postato
alla fine del form, è obbligatorio... e vorrei che
solo se lo il quadratino viene spuntato viene inviata
l'e- mail, in caso non venisse spuntato vorrei apparisse
una piccola pop-up o cmq una scritta che dicesse:
"per inviare è obbligatorio acconsentire al trattaemnto dei tuoi dati".

Ora ho letto tutte le istruzioni che avete dato prima ma non so
di preciso dove metterle!
Qst è il pezzo finale del mio form:

<tr>
<td height="110" colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Curriculum
Vitae:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<textarea name="cvi" cols="30" rows="4"></textarea>
</font></font></td>
</tr>

<tr>
<td height="24" colspan="2"><div align="right"><font size="1" face="Arial, Helvetica, sans-serif">Privacy</font></div></td>
<td> <input name="checkbox" type="checkbox" id="accetto" value="accetto">
<font size="1" face="Arial, Helvetica, sans-serif">Acconsento al trattamento dei miei dati</font></font></td>

</tr>
<tr>
<td height="24"></td>
<td></td>
<td><font size="1" face="Arial, Helvetica, sans-serif">Leggi
l<font color="#000000">'<a href="prova.htm">informativa
sulla privacy</a></font> per saperne di più</font></td>
</tr>

Prima ci sono altri campi non obbligatori...
Io ho provato a mettere quello che avete scritto prima

<script language="javascript">
function verifica(){

spunta="";

if(document.TheForm.spunta.checked==false){
spunta="Spunta la casella per proseguire\n";
}
error="I campo sottostanti sono obbligatori\n";
if((spunta!="")||(email!="")||(nome!="")){
alert(error+nome+email+spunta)
return false;
}

Ma mi distorce la mai tabella di compilazione...
forse l'ho messo nel posto sbagliato...
PEr farmi capire io l'ho messo
prima di :
<input name="checkbox" type="checkbox" id="accetto" value="accetto">

cosa Sbaglio???

**nikasil** · 15-09-2005, 10:39

NOn ho capito cosa intendi per distorcere la tabella, cmq lo script va messo all'interno del tag <head>...</head>

**@le85** · 15-09-2005, 10:48

qst mio form è impostatpo cosi:

Ruolo: Commerciale/Consulente Area Lombardia (scelta multipla)

Nome: ....da compilare
Cognome: ....da compilare
Via: ....da compilare
Città e CAP: ....da compilare
Provincia: ....da compilare
Nazione: ....da compilare
Età: ....da compilare
E-maill: ....da compilare
Telefono: ....da compilare
Fax: ....da compilare
Curriculum Vitae: ....da compilare

Privacy [ da spuntare ] Acconsento al trattamento dei miei dati

Leggi l'informativa sulla privacy per saperne di più

In pratica sono tutti incolonnati, quando ho provato a mettere lo script...non erano più in colonna ma uno accando all'altro...
E' la seconda volta in tutta la mia vita (20anni)che uso l'html, duqnue mi sorge spontaneo chiederti...
quando dici che lo script va messo all'interno di <head>...</head> vuol dire che devo mettere questo:

<head><script language="javascript">
function verifica(){

spunta="";

if(document.TheForm.spunta.checked==false){
spunta="Spunta la casella per proseguire\n";
}
error="I campo sottostanti sono obbligatori\n";
if((spunta!="")||(email!="")||(nome!="")){
alert(error+nome+email+spunta)
return false;
} </head>
<input name="checkbox" type="checkbox" id="accetto" value="accetto">

??

**nikasil** · 15-09-2005, 11:18

devi mettere:

<head>

<script language="javascript">
function verifica(){

spunta="";

if(document.TheForm.spunta.checked==false){
spunta="Spunta la casella per proseguire\n";
}
error="I campo sottostanti sono obbligatori\n";
if((spunta!="")||(email!="")||(nome!="")){
alert(error+nome+email+spunta)
return false;
}
</script>

</head>

<body>

e qui invece va il corpo della pagina compreso il tuo form

</body>

ok?

**@le85** · 15-09-2005, 14:44

...

Non so cosa ma non mi funziona

**cavicchiandrea** · 15-09-2005, 18:45

Originariamente inviato da @le85
...

Non so cosa ma non mi funziona

posta tutta la pagina *(sorgente) che la sistemo.

*Per sorgente sintende tutto i tag comptresi tra<html>tua pagina con form........</hrml>

**@le85** · 16-09-2005, 09:09

ecco:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<TITLE>Collaborazioni</TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="../Documenti/BKS/public_html/jko/public_html/css/titolo.css" rel="stylesheet" type="text/css">

</HEAD>
<BODY BGCOLOR="#F8F4C7" VLINK="#FFFFFF" ALINK="#CCCCCC" ">
<div align="left">[img]../Documenti/BKS/public_html/jko/public_html/immagini/coll.gif[/img]

</div>
<table width="500" border="0">
<tr>
<td width="38"></td>
<td width="452"><TABLE WIDTH=452 BORDER=0 align="left">
<TR>
<TD width="107" align="left"><FORM METHOD="POST"
ACTION="http://www.bkscom.it/cgi-bin/cgiemail/cgi-bin/coll.txt">
<font size="1" face="Arial, Helvetica, sans-serif"> </font>

<table width="100%" border="0">

<tr>
<td colspan="2"><font size="1" face="Arial, Helvetica, sans-serif">Ruolo:</font></td>
<td width="337"><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<select name="ruo" size="1">
<option>Commerciale/Consulente Area Lombardia</option>
<option>Commerciale/Consulente Area Trentino</option>
<option>Commerciale/Consulente Area Emilia Romagna</option>
<option>Commerciale/Consulente altra Area</option>
</select>
</font></font><font size="1" face="Arial, Helvetica, sans-serif">
</font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Nome:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="nom">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Cognome:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="cog">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Via:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="via">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Città
e CAP:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="cap">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Provincia:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="pro">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Nazione:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="naz">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Età:
</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="eta">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">E-maill:
</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="mai">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font size="1" face="Arial, Helvetica, sans-serif">Telefono:</font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="tel">
</font></font></td>
</tr>
<tr>
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Fax:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<input name="fax">
</font></font></td>
</tr>
<tr>
<td height="110" colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Curriculum
Vitae:</font></font></td>
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">
<textarea name="cvi" cols="30" rows="4"></textarea>
</font></font></td>
</tr>

<tr>

<td height="24" colspan="2"><div align="right"><font size="1" face="Arial, Helvetica, sans-serif">Privacy</font></div></td>
<td>
<input name="checkbox" type="checkbox" id="accetto" value="accetto">
<font size="1" face="Arial, Helvetica, sans-serif">Acconsento al trattamento dei miei dati</font></font></td>

</tr>
<tr>
<td height="24"></td>
<td></td>
<td><font size="1" face="Arial, Helvetica, sans-serif">Leggi
l<font color="#000000">'<a href="../Documenti/BKS/public_html/jko/public_html/prova.htm">informativa
sulla privacy</a></font> per saperne di più</font></td>
</tr>
</table>

<font size="1" face="Arial, Helvetica, sans-serif">
<INPUT name="submit" TYPE="submit" value="Invia">

<INPUT TYPE="hidden" NAME="success" VALUE="http://www.jko.it/azienda.htm">
</font> </FORM></TD>
</TR>
</TABLE></td>
</tr>
</table>
</BODY></HTML>

<font color="#CCCCCC" size="1"> </font> </p></td>
<td></td>
</tr>
</table>
</body>
</html>

**badaze** · 16-09-2005, 11:53

Non ho ben capito quale fosse il problema... comunque con questo codice il pulsante Invia é disabilitato

codice:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 

<TITLE>Collaborazioni</TITLE> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<script language="JavaScript" type="text/javascript">
<!--
function conf() {
 document.getElementById('submitForm').disabled = true;
 if (document.getElementById('accetto').checked) {
  document.getElementById('submitForm').disabled = false;
 }
}
//-->
</script>

</HEAD> 
<BODY BGCOLOR="#F8F4C7" VLINK="#FFFFFF" ALINK="#CCCCCC" onload="conf()"> 
<div align="left">[img]../Documenti/BKS/public_html/jko/public_html/immagini/coll.gif[/img] 
 
</div> 
<table width="500" border="0"> 
<tr> 
<td width="38"> </td> 
<td width="452"><TABLE WIDTH=452 BORDER=0 align="left"> 
<TR> 
<TD width="107" align="left"><FORM METHOD="POST" 
ACTION="http://www.bkscom.it/cgi-bin/cgiemail/cgi-bin/coll.txt"> 
<font size="1" face="Arial, Helvetica, sans-serif"> </font> 

<table width="100%" border="0"> 

<tr> 
<td colspan="2"><font size="1" face="Arial, Helvetica, sans-serif">Ruolo:</font></td> 
<td width="337"><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<select name="ruo" size="1"> 
<option>Commerciale/Consulente Area Lombardia</option> 
<option>Commerciale/Consulente Area Trentino</option> 
<option>Commerciale/Consulente Area Emilia Romagna</option> 
<option>Commerciale/Consulente altra Area</option> 
</select> 
</font></font><font size="1" face="Arial, Helvetica, sans-serif">  
</font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Nome:</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="nom"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Cognome:</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="cog"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Via:</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="via"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Città 
e CAP:</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="cap"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Provincia:</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="pro"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Nazione:</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="naz"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Età: 
</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="eta"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">E-maill: 
</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="mai"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font size="1" face="Arial, Helvetica, sans-serif">Telefono:</font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="tel"> 
</font></font></td> 
</tr> 
<tr> 
<td colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif">Fax:</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<input name="fax"> 
</font></font></td> 
</tr> 
<tr> 
<td height="110" colspan="2"><font face="Arial, Helvetica, sans-serif"><font size="1">Curriculum 
Vitae:</font></font></td> 
<td><font face="Arial, Helvetica, sans-serif"><font size="1" face="Arial, Helvetica, sans-serif"> 
<textarea name="cvi" cols="30" rows="4"></textarea> 
</font></font></td> 
</tr> 


<tr> 

<td height="24" colspan="2"><div align="right"><font size="1" face="Arial, Helvetica, sans-serif">Privacy</font></div></td> 
<td> 
<input name="checkbox" type="checkbox" id="accetto" value="accetto" onclick="conf()"> 
<font size="1" face="Arial, Helvetica, sans-serif">Acconsento al trattamento dei miei dati</font></font></td> 

</tr> 
<tr> 
<td height="24"> </td> 
<td> </td> 
<td><font size="1" face="Arial, Helvetica, sans-serif">Leggi 
l<font color="#000000">'<a href="../Documenti/BKS/public_html/jko/public_html/prova.htm">informativa 
sulla privacy</a></font> per saperne di più</font></td> 
</tr> 
</table> 


 <font size="1" face="Arial, Helvetica, sans-serif"> 
<INPUT name="submit" id="submitForm" TYPE="submit" value="Invia"> 

 
<INPUT TYPE="hidden" NAME="success" VALUE="http://www.jko.it/azienda.htm"> 
</font> </FORM></TD> 
</TR> 
</TABLE></td> 
</tr> 
</table> 
</BODY></HTML> 




<font color="#CCCCCC" size="1"> </font> </p></td> 
<td> </td> 
</tr> 
</table> 
</body> 
</html>

**@le85** · 16-09-2005, 11:59

Ma io non voglio che invia sia disabilitato.

Ora come ora il form funziona cosi:
Compili i campi;
Scegli o meno di spuntare il checkbox sul tarttamento dei dati;
E cliccando su invia ricevo i dati del form.

Invece io voglio che:
Compili i dati;
Se spunti il checkbox e poi fai invia mia rrivano i dati...
Se non spunti il checkbox compaia la scritta
"E' obbligatorio il trattamento dei dati per proseguire"
(o qlc del genere)...
Di conseguenza se uno non spunta e clicca invia gli esce il messaggio
e se vuole inviarmi i suoi dati è obbligato a spuntarlo...

? mi sono spiegata?

Io ho provato ad immettere gli script come mi è stato detto prima...
ma anche mettndo quegli script indipendentemente dalla spunta o no del checkbox i dati mmi venivano inviati!

**badaze** · 16-09-2005, 12:18

Originariamente inviato da @le85
Ma io non voglio che invia sia disabilitato.

Ora come ora il form funziona cosi:
Compili i campi;
Scegli o meno di spuntare il checkbox sul tarttamento dei dati;
E cliccando su invia ricevo i dati del form.

Invece io voglio che:
Compili i dati;
Se spunti il checkbox e poi fai invia mia rrivano i dati...
Se non spunti il checkbox compaia la scritta
"E' obbligatorio il trattamento dei dati per proseguire"
(o qlc del genere)...
Di conseguenza se uno non spunta e clicca invia gli esce il messaggio
e se vuole inviarmi i suoi dati è obbligato a spuntarlo...

? mi sono spiegata?

Io ho provato ad immettere gli script come mi è stato detto prima...
ma anche mettndo quegli script indipendentemente dalla spunta o no del checkbox i dati mmi venivano inviati!

una cosa
mandi i dati ad una pagina .txt ???? quale pagina php li tratta ????
Almeno che il server sia settato per trattare le pagine php non vedo come puo' funzionare.

ACTION="http://www.bkscom.it/cgi-bin/cgiemail/cgi-bin/coll.txt"

Discussione: validare un checkbox

Strumenti discussione

Ricerca discussione

Visualizza

Permessi di invio