js - controllo form dinamico con checkbox e select

[angelicab]

ciao!
ho un form creato dinamicamente prendendo dei record da un DB ...

nel form (per ogni record) ho una checkbox e una select che rimane disabilitata sino a che l'utente mette il segno di spunta nella checkbox ... una volta spuntata la checkbox l'utente dovrebbe scegliere un valore nella select .. io vorrei controllare che questo avvenga prima dell'invio dei dati della form ..

ho pensato ad una cosa simile ..

<script language="JavaScript">
function ControllaForm () 
{

function ControllaForm (nRecords) 
{
var i = 0
for (i=0; i<nRecords; i++) 
{ 
if(document.form1.elements["valida"+i].checked==true && document.form1.elements["idcat"+i].value=="0")
{ 
alert("Seleziona una categoria!!");
document.form1.elements["idcat"+i].focus();
return false;
}
alert("categoria!!");
return true;
}
}

</script>


 <form name="form1" method="post" action="intra1.asp" onSubmit="return ControllaForm(totalerecord);">
<input name="valida<% = i %>" type="checkbox" id="valida<% = i %>" onclick="this.form.IDcat<% = i %>.disabled=false"> 
<select name="IDcat<% = i %>" class="campoform" id="IDcat<% = i %>" disabled>
<option value="0" selected>Seleziona la categoria</option>
<option value="1" selected>Categoria 1</option>
<option value="2" selected>Categoria 2</option>
<option value="3" selected>Categoria 3</option>
</select>
<input name="Submit" type="submit" class="campoform" value="CONFERMA I DATI">
</form>

ma non sembra funzionare ...
cosa sbaglio?

[angelicab]

[angelicab]

allora .. il controllo l'ho sistemato così .. solo che ci deve essere qualche problema di sintassi perchè quando ci sono più select il controllo lo fa solo sulla prima ..


<script language="JavaScript">
function ControllaForm (nRecords)
{
alert (nRecords);
for (i=1;i<nRecords;i++)
{
alert("i: " + i);
alert("idcat: " +document.form1.elements["IDcat"+i].value);
if(document.form1.elements["IDcat"+i].value=="0" && document.form1.elements["valida"+i].checked)
{
alert("Seleziona una categoria!!");
document.form1.elements["IDcat"+i].focus();
return (false);
}
return (true);
}
}
</script>

[angelicab]

nessuno sa aiutarmi??

[var]

Originariamente inviato da angelicab
nessuno sa aiutarmi??

dai, che ora risolviamo il problema!
come si chiama l'i-esimo checkbox e l'i-esima select associata?

[angelicab]

Originariamente inviato da var
dai, che ora risolviamo il problema!
come si chiama l'i-esimo checkbox e l'i-esima select associata?

le checkbox e le select si chiamano "valida<%=i%>" e "IDcat<%=i%>" dove 'i' sta per il numero di record estratti dal db .. non posso sapere in anticipo se l'ultima checkbox o l'ultuma select saranno "valida10" o "valida100" .....
però posso il numero dei record e cioè 'i' ...

[badaze]

Uno degli errori era il nome idcat che doveva essere scritto IDCat ma questo l'hai visto.
Poi c'è la variabile totalerecord che non ha nessun valore.

Dovresti postare non il codice asp ma il codice html della pagina generata.

[var]

Originariamente inviato da angelicab
le checkbox e le select si chiamano "valida<%=i%>" e "IDcat<%=i%>" dove 'i' sta per il numero di record estratti dal db .. non posso sapere in anticipo se l'ultima checkbox o l'ultuma select saranno "valida10" o "valida100" .....
però posso il numero dei record e cioè 'i' ...

no problem!
allora, prova così:

function controllo(f){
 var e=f.elements;
 for(var i=0;i<e.length;i++)
  if(e.type=="checkbox" && e.checked && e[i].name.indexOf('valida')!=-1){
   if(e["IDcat"+(i+1)].selectedIndex==0) {
    alert("Selezionare una voce per l'opzione "+e['IDcat'].name+".");
    e["IDcat"].focus();
    return false;
   }
  }
 return true;
}

fammi sapere. :)

[angelicab]

sorry .. la variabile totalerecord è valorizzata ed è il totale dei record visualizzati ..

[angelicab]

Originariamente inviato da var
no problem!
allora, prova così:

function controllo(f){
 var e=f.elements;
 for(var i=0;i<e.length;i++)
  if(e.type=="checkbox" && e.checked && e[i].name.indexOf('valida')!=-1){
   if(e["IDcat"+(i+1)].selectedIndex==0) {
    alert("Selezionare una voce per l'opzione +"e['IDcat'].name+".");
    e["IDcat"].focus();
    return false;
   }
  }
 return true;
}

fammi sapere.

function controllo(f) ....

f ... sarebbe??