Problema convalida checkbox

marconi · 9 Ott 2010

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!

Cerca

Cerca

Problema convalida checkbox

marconi

Utente Attivo

Discussioni simili