Salve a tutti , non capisco perchè questo codice non funge:
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="jscript/checkmin.js"></script>
<script type="text/javascript" src="jscript/checkbox.js"></script>
<link rel="stylesheet" href="jscript/checkbox.css" type="text/css" media="screen" />
<script>
function Controlla(ff){
var conta=0
for(var i=0;i<ff.elements['portiere'].length;i++)
if(ff.elements['portiere'].checked)conta++
if(conta!=1){
alert('Devi selezionare un portiere!')
return false
}
}
function difesa(ff){
var conta=0
for(var i=0;i<ff.elements['difensore'].length;i++)
if(ff.elements['difensore'].checked)conta++
if(conta!=3){
alert('Devi selezionare tre difensori!')
return false
}
}
</script>
</head>
<body>
<form action="fatto.asp" method="post" onSubmit="return Controlla(this),difesa(this);">
<fieldset>
<legend><font color="#006699" size="2" face="Tahoma"><font size="4" face="Arial, Helvetica, sans-serif">Seleziona
Portiere...</font></font></legend>
<hr>
<ul class="checklist">
<li>
<input name="portiere" value="Buffon" type="checkbox" id="portiere1"/>
<label for="choice_a">BUFFON</label><div align="center"><img name="" src="jscript/buffon.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="portiere" value="Abbiati" type="checkbox" id="portiere2"/>
<label for="choice_b">ABBIATI</label><div align="center"><img name="" src="jscript/abbiati.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="portiere" value="Storari" type="checkbox" id="portiere3" />
<label for="choice_c">STORARI</label><div align="center"><img name="" src="jscript/storari.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
</ul>
</fieldset>
<fieldset>
<legend><font color="#006699" size="4" face="Arial, Helvetica, sans-serif">Seleziona
tre difensori...</font></legend>
<hr>
<ul class="checklist">
<li>
<input name="difensore" value="Chiellini" type="checkbox" id="difensore1"/>
<label for="choice_a">CHIELLINI</label><div align="center"><img name="" src="jscript/buffon.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="difensore" value="Cannavaro" type="checkbox" id="difensore2"/>
<label for="choice_b">CANNAVARO</label><div align="center"><img name="" src="jscript/abbiati.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="difensore" value="Nesta" type="checkbox" id="difensore3" />
<label for="choice_c">NESTA</label><div align="center"><img name="" src="jscript/storari.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="difensore" value="Bonera" type="checkbox" id="difensore4" />
<label for="choice_c">BONERA</label><div align="center"><img name="" src="jscript/storari.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
</ul>
</fieldset>
<fieldset>
<ul class="checklist">
<li>
<input name="strategia" value="Buffon" type="checkbox" id="strategia1"/>
<label for="choice_a">STRATEGIA DIFENSIVA</label><div align="center"><img name="" src="jscript/images/difesa.png"></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="strategia" value="Abbiati" type="checkbox" id="strategia2"/>
<label for="choice_b">STRATEGIA EQUILIBRATA</label><div align="center"><img name="" src="jscript/images/centrocampo.png"></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="strategia" value="Storari" type="checkbox" id="strategia3" />
<label for="choice_c">STRATEGIA OFFENSIVA</label><div align="center"><img name="" src="jscript/images/attacco.png"></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
</ul>
</fieldset>
<button class="sendit" type="submit" name="submitbutton" title="Submit the form">Invia Formazione!</button>
</form>
</body>
</html>
caso1: Se non seleziono nessun checkbox del codice javascript ritorno false, e questo va bene.
caso2: Se seleziono uncheckbox del codice javascript portiere ritorna false, e questo va bene, perchè la funzione difesa fa il suo dovere.
caso3:Seleziono i 3 checkbox della difesa, e nessuno dei portieri, in questo caso mi appare l'alert di errore, ma il modulo viene inviato!
come posso risolvere questo problema? Grazie mille!
<html>
<head>
<title>Documento senza titolo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript" src="jscript/checkmin.js"></script>
<script type="text/javascript" src="jscript/checkbox.js"></script>
<link rel="stylesheet" href="jscript/checkbox.css" type="text/css" media="screen" />
<script>
function Controlla(ff){
var conta=0
for(var i=0;i<ff.elements['portiere'].length;i++)
if(ff.elements['portiere'].checked)conta++
if(conta!=1){
alert('Devi selezionare un portiere!')
return false
}
}
function difesa(ff){
var conta=0
for(var i=0;i<ff.elements['difensore'].length;i++)
if(ff.elements['difensore'].checked)conta++
if(conta!=3){
alert('Devi selezionare tre difensori!')
return false
}
}
</script>
</head>
<body>
<form action="fatto.asp" method="post" onSubmit="return Controlla(this),difesa(this);">
<fieldset>
<legend><font color="#006699" size="2" face="Tahoma"><font size="4" face="Arial, Helvetica, sans-serif">Seleziona
Portiere...</font></font></legend>
<hr>
<ul class="checklist">
<li>
<input name="portiere" value="Buffon" type="checkbox" id="portiere1"/>
<label for="choice_a">BUFFON</label><div align="center"><img name="" src="jscript/buffon.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="portiere" value="Abbiati" type="checkbox" id="portiere2"/>
<label for="choice_b">ABBIATI</label><div align="center"><img name="" src="jscript/abbiati.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="portiere" value="Storari" type="checkbox" id="portiere3" />
<label for="choice_c">STORARI</label><div align="center"><img name="" src="jscript/storari.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
</ul>
</fieldset>
<fieldset>
<legend><font color="#006699" size="4" face="Arial, Helvetica, sans-serif">Seleziona
tre difensori...</font></legend>
<hr>
<ul class="checklist">
<li>
<input name="difensore" value="Chiellini" type="checkbox" id="difensore1"/>
<label for="choice_a">CHIELLINI</label><div align="center"><img name="" src="jscript/buffon.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="difensore" value="Cannavaro" type="checkbox" id="difensore2"/>
<label for="choice_b">CANNAVARO</label><div align="center"><img name="" src="jscript/abbiati.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="difensore" value="Nesta" type="checkbox" id="difensore3" />
<label for="choice_c">NESTA</label><div align="center"><img name="" src="jscript/storari.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="difensore" value="Bonera" type="checkbox" id="difensore4" />
<label for="choice_c">BONERA</label><div align="center"><img name="" src="jscript/storari.jpg" width="65" height="80" alt=""></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
</ul>
</fieldset>
<fieldset>
<ul class="checklist">
<li>
<input name="strategia" value="Buffon" type="checkbox" id="strategia1"/>
<label for="choice_a">STRATEGIA DIFENSIVA</label><div align="center"><img name="" src="jscript/images/difesa.png"></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="strategia" value="Abbiati" type="checkbox" id="strategia2"/>
<label for="choice_b">STRATEGIA EQUILIBRATA</label><div align="center"><img name="" src="jscript/images/centrocampo.png"></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
<li>
<input name="strategia" value="Storari" type="checkbox" id="strategia3" />
<label for="choice_c">STRATEGIA OFFENSIVA</label><div align="center"><img name="" src="jscript/images/attacco.png"></div>
<a class="checkbox-select" href="#">Select</a> <a class="checkbox-deselect" href="#">Cancella</a>
</li>
</ul>
</fieldset>
<button class="sendit" type="submit" name="submitbutton" title="Submit the form">Invia Formazione!</button>
</form>
</body>
</html>
caso1: Se non seleziono nessun checkbox del codice javascript ritorno false, e questo va bene.
caso2: Se seleziono uncheckbox del codice javascript portiere ritorna false, e questo va bene, perchè la funzione difesa fa il suo dovere.
caso3:Seleziono i 3 checkbox della difesa, e nessuno dei portieri, in questo caso mi appare l'alert di errore, ma il modulo viene inviato!
come posso risolvere questo problema? Grazie mille!
