Problema di controllo campi su form multipli

[renzoz]

Spiego meglio, ho un catalogo in php con N form (generati da un ciclo), uno per ogni articolo che servono ad inserire gli articoli nel carrello:

<form method="post" name="adcart" action="addcart.php">
<input type="hidden" name="prod" value="20">
<input class="fqta" type="text" name="qta" size="1" maxlength="3">
<input type="image" src="imgs/cart.gif" alt="Aggiungi al carrello" onClick='return controlla_dati();'>
</form>

<form method="post" name="adcart" action="addcart.php">
<input type="hidden" name="prod" value="21">
<input class="fqta" type="text" name="qta" size="1" maxlength="3">
<input type="image" src="imgs/cart.gif" alt="Aggiungi al carrello" onClick='return controlla_dati();'>
</form>

<form method="post" name="adcart" action="addcart.php">
<input type="hidden" name="prod" value="22">
<input class="fqta" type="text" name="qta" size="1" maxlength="3">
<input type="image" src="imgs/cart.gif" alt="Aggiungi al carrello" onClick='return controlla_dati();'>
</form>

ecc...

ora io vorrei che al submit del form selezionato venisse eseguito un controllo in modo che il campo qta non sia vuoto e non contenga zeri, per questo ho messo questo js:

<script language="javascript">
<!--
function controlla_dati()
{
var jqta = document.adcart.elements["qta[]"].value ;

if((jqta == "0") || (jqta == ""))
{
alert("Inserire la quantità richiesta per questo articolo.");
return false;
}

}

-->
</script>

ma non funziona probabilmente perchè ci sono N form tutti nominati uguali... qualcuno sa darmi una dritta in merito?
Grazie

[willybit]

Se i form hanno lo stesso nome ottieni una collezione di form e dovresti specificare l'indice del form interessato.
Ti conviene passare il form alla funzione

onClick='return controlla_dati(this.form);'

e naturalmente modificare la funzione così

function controlla_dati(ff) 
{
var jqta = ff.elements["qta[]"].value ;

if((jqta == "0") || (jqta == ""))
{ 
alert("Inserire la quantità richiesta per questo articolo.");
return false;
}

}

[renzoz]

Grazie mille willybit, funzia alla perfezione

Per chi fosse interessato a questa soluzione preciso che il codice js corretto (senza le parentesi quadre sulla var qta) è questo:

function controlla_dati(ff)
{
var jqta = ff.elements.["qta"] .value ;

if((jqta == "0") || (jqta == ""))
{
alert("Inserire la quantità richiesta per questo articolo.");
return false;
}

}

[alfi]

Salve, ho provato il codice riporatato in questa discussione per lo stesso utilizzo, ma non funziona, probabilmente devo modificare qualcosa ma non so cosa.

sul form:

onClick='return controlla_dati(this.form);'

e nel codice:

function controlla_dati(ff)
{
var jqta = ff.elements["qta"].value ;

if((jqta == "0") || (jqta == ""))
{
alert("Inserire la quantità richiesta per questo articolo.");
return false;
}
return true;
}


Potete aiutarmi?
grazie

[willybit]

posta l'html del form

[alfi]

ho un elenco con tanti form generati dinamicamente:

<form action="<%=MM_editAction%>" method="POST" name="form1" onSubmit="javaScript:return controlla_dati(this.form);">
<input name="ordine" type="text" id="ordine" value="<%=(RS.Fields.Item("ordine").Value)%>" size="5">
<input type="submit" name="Submit" value="Invia">
</form>

[alfi]

nello script


function controlla_dati(ff)
{
var jqta = ff.elements.["ordine"].value ;

if((jqta == "0") || (jqta == ""))
{
alert("Inserire un numero.");
return false;
}
return true;
}

[willybit]

scusa se rispondo solo adesso ma sono stato impegnato (è sempre pesante il lunedì)...

<form action="<%=MM_editAction%>" method="POST" name="form1" onSubmit="return controlla_dati(this);">
<input name="ordine" type="text" id="ordine" value="<%=(RS.Fields.Item("ordine").Value)%>" size="5">
<input type="submit" name="Submit" value="Invia">
</form>

e la funzione

function controlla_dati(ff) 
{
var jqta = ff.elements["ordine"].value ;
if(isNaN(jqta) || jqta == "0" || jqta == "")
{ 
alert("Inserire un numero.");
return false;
}
return true;
}

[alfi]

mi dà sempre lo stesso errore:


elements.ordine.value è nullo o non è un oggetto

[willybit]

allora ci deve essere qualcos'altro.... questo esempio (fatto dalle tue indicazioni) funziona

<script language="JavaScript">
function controlla_dati(ff){
  var jqta = ff.elements["ordine"].value ;
  if(isNaN(jqta) || jqta == "0" || jqta == ""){ 
    alert("Inserire un numero.");
    return false;
  }
  return true;
}
</script>
<form method="POST" name="form1" onSubmit="return controlla_dati(this);">
<input name="ordine" type="text" id="ordine" value="" size="5">
<input type="submit" name="Submit" value="Invia">
</form>
<form method="POST" name="form1" onSubmit="return controlla_dati(this);">
<input name="ordine" type="text" id="ordine" value="" size="5">
<input type="submit" name="Submit" value="Invia">
</form>
<form method="POST" name="form1" onSubmit="return controlla_dati(this);">
<input name="ordine" type="text" id="ordine" value="" size="5">
<input type="submit" name="Submit" value="Invia">
</form>

hai qualcosa online da vedere?