Validar varios form similares en una página, c/igual nombre de campo radio

juancarlos2010 · #1 (**permalink**) 28/11/2010, 17:58

Hola a tod@s:
Mucho me han ayudado los foros de aqui, leyéndolos "desde fuera", asi que me he inscripto
y va mi primer pregunta para algo que hace dias no puedo resolver ni hallar respuesta:

Tengo una pag en PHP donde con un lazo genero varios formularios, con nombres consecutivos
form1, form2, form3, etc. Cada form tiene un grupo de 3 radio con el mismo nombre de variable.
Abreviando, es esto:

$i=0 ;
// inicio lazo

$i=++i;
<FORM ACTION="grabar.php" METHOD="GET" onSubmit="return validar()" NAME="form'.$i.'">
<INPUT TYPE="radio" VALUE="borrar" NAME="cali" >Borrar <br>
<INPUT TYPE="radio" VALUE="nook" NAME="cali" >Mal <br>
<INPUT TYPE="radio" VALUE="ok" NAME="cali" > Bien <br>
<INPUT type="image" img src="../img/boton_enviar.gif">
</FORM>

// fin lazo

Al ver el código fuente del navegador veo que esto anda perfecto. Ahora, si suponemos
ue cada form es independiente y al envíar solo manda SU contenido a la funcion validar,
la funcion JS más simple que se me ocurrió es:

function validar()
{if ((document.form.cali[0].checked==true)
||(document.form.cali[1].checked==true)
|| (document.form.cali[2].checked==true))
{return (true);}
else { alert(" Oppsss... ¡ FALTA LA CALIFICACIÓN ! "); return (false);}
}

Sin embargo, no funciona... Ya he probado poniendo id en los radio, indexando de otra forma
los checked en la función, recuperando los valores con getElementsByName sin éxito: la accion se ejecuta
aún sin ningun radio marcado.

¿Alguno podrá darme una sugerencia ?
Gracias desde ya.
Juan Carlos

carlos_belisario · #2 (**permalink**) 28/11/2010, 18:41

no le estas dando el nombre al formulario de la manera correcta fijate

Cita:

if ((document.form.cali[0].checked==true)

no es lo mismo que

Cita:

sabiendo que i es para que vaya siendo form1, form2 y asi sucesivamente, no entiendo para que lo usas pero al no estar llamabndo al nombre correctamente del formulario no te lo realizara, deberia de ser

Código Javascript:

Ver originalif ((document.form1.cali[0].checked==true)

de la misma manera indicando el nombre del form que estes usando para cada uno hasta donde tengo entendido, espero te sirva saludos

juancarlos2010 · #3 (**permalink**) 28/11/2010, 18:49

Hey, Gracias tocayo.
No puedo poner los nombres form1, form2, etc porque la cantidad será indefinida, (puede haber solo uno o xx).
Pero me diste una pista, voy a probar mandar un return validar (this), y en la función recogerlo como (form), asi creo queda válido el nombre genérico dentro de ella... ¿que te parece?

saludos
------------------------------
EDITADO: ya probé.... y no funcionó... uffff...
Puedo pasarle a la función el valor de la variable "i", pero ...
¿como la uso para añadir al nombre del form dentro de la función?

carlos_belisario · #4 (**permalink**) 28/11/2010, 19:11

pues estoy haciendo una prueba pasando el nombre del form de esta manera pero tampoco me ha funcionado

Código HTML:

Ver original<form name="form1" action="" method="post" onsubmit="return validar(this.name)">

dejame ver algo se nos ocurrira

carlos_belisario · #5 (**permalink**) 28/11/2010, 19:14

de esta manera me funciono

Código HTML:

Ver original<form name="form1" action="" method="post" onsubmit="return validar(this)">

Código Javascript:

Ver originalfunction validar(form){     
    if(form.campo.value.length==0){
        alert("hola");
        return false
    }
    return true;
}

claro yo lo hice para un campo vacio adaptalo para tu caso saludos

juancarlos2010 · #6 (**permalink**) 28/11/2010, 19:46

Carlos:
Gracias por tu dedicación. Acabo de probarlo y ahora no me deja hacer la acción
aunque marque un radio en todos los form ...ja...ja...

Si, yo avisé que era algo raro que no encontré pese a mucha búsqueda...

Creo que la cosa está en meterle en document.form.campo[0].checked==true
el nombre
como variable, para que identifique el form1, form2, etc. Esto, con un solo Form, funciona perfecto.
Ya aparecerá una forma simple, de esas que me hacen decir "¡¡cómo no se me ocurrió!!"....

saludos

carlos_belisario · #7 (**permalink**) 28/11/2010, 20:37

pues fijate lo hice aca y me funciono bien no se cual sea tu problema

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script type="text/javascript">
function validar(form){         
    if (form.nombre[0].checked==true || form.nombre[1].checked==true){      
        alert("Lo hizo");
        return true;
    }
    else{
        alert("no lo hizo");
        return false
    }       
}
</script>
</head>
<body>
<form name="form1" action="" method="post" onsubmit="return validar(this)">
    <input type="radio" value="borrar" name="nombre" >Borrar <br>
    <input type="radio" value="borrar" name="nombre" >Mal<br>
    <input type="submit" value="...">
</form>
<form name="form2" action="" method="post" onsubmit="return validar(this)">
    <input type="radio" value="borrar" name="nombre" >Borrar <br>
    <input type="radio" value="borrar" name="nombre" >Mal<br>
    <input type="submit" value="...">
</form>
</body>
</html>

pruebalo y me avisas saludo