validar input text array

[carlosloaiza21]

HOLA Quisiera saber como se puede validar un formulario que no este vacio con javascript el formulario es dinamico es decir tengo una lista de alumnos que se jala de mi base de datos y cuando se crea la consulta me muestra el nombre de cada alumno y un input text con nombre calificacion[]:

Código HTML:

<form action="Calificacion1G.php" name="Formulario" method="post" > 

Código PHP:

  <?php echo "<input type='text' name='Grupo' value='$_POST[Grupo]'>";   
echo "<input type='text' name='Materia' value='$_POST[Mate]'>";  
?> 
 
[HTML]<table border="1"><tr><th>Nombre</th><th>Calificacion</th></tr>[/HTML] 
<?php 
while($reg3=mysql_fetch_row($alu)) 
{ 
    foreach($reg3 as $lis3) 
        { 
       echo "<tr><td>$lis3<input type='text' name='alum[]' value='$lis3'></td><td><input type='text' name='Cal[]' id='Cal[]' size='5'></td></tr>"; 
        }     
} 
 
?> 
[HTML]</table> 
<br /> 
<input type="submit" value="Calificar" />[/HTML]  

Lo que yo quiero es que valide que todos los campos Cal[] no esten vacios

Gracias

[IsaBelM]

usa el método getElementsByName() para obtener la colección con todos los controles

[carlosloaiza21]

Ya lo intente pero me marca error no puede leer la propiedad length de undef

[IsaBelM]

estás haciendo esto??

document.getElementsByName('Cal[]').length

[mko]

IsaBelM hola me podrias orientar en donde ando mal
pensaba crear un tema pero ya que encontre este aun abierto se me hace inecesario hacerlo
mi problema: cargo un formulario con los campos de una tabla para realizar la insercion. de registros

e validado para que todos los campos sean requiridos pero no e podido hacer q estos se marquen en rojo
aqui el codigo:

Código:

$resultado = mysql_query("SHOW COLUMNS FROM comunicacion_equipo");
    if (!$resultado)    {    echo 'No se pudo ejecutar la consulta: ' . mysql_error();   exit; }

?>
<form action="" name="nue_equipo" id="nue_equipo" class="base" >
<div class="campo">AREA PARA EL REGISTRO DE EQUIPOS</div>
<table>

<?php

if (mysql_num_rows($resultado) > 0) 
{
    while ($campos = mysql_fetch_assoc($resultado)) 
	{
		 if ($campos["Field"]!="id_com" AND $campos["Field"]!="cla")
	     {
     	  echo"<tr><td><div  class='label'>".strtoupper($campos["Field"])." </div></td>
	      <td></a><input name='campos[]' type='text' id='".$campos["Field"]."' class='contorno' size='90' >  </td></tr>";
	     }
	
    }
	
}
?>



<tr>
<td></td><td><button id="botonEnviar" onClick="validando()" type="button" class="enter">REGISTRAR</button>
		</td>
</tr>

</table>

  
</form>

AQUI EL ESCRIP DE VALIDACION}

Código:

function validando(){
divResultado = document.getElementById('trabajo');
var suma = 0;
var f = document.nue_equipo;
var valores = document.getElementsByName('campos[]');
 for (var i = 0, j = valores.length; i < j; i++) 
 {
   if( valores[i].value == "" )
   {
    suma++;
//aqui se supone q cambio el stilo
//f.style.border= '1px solid #d8000c';
    }
}
 
     if(suma == 0){
     //aqui aun estoy adaptando la la recogida de los input de un ejemplo de check
     // sels = [];
      //  for (i = 0, s = f["campos[]"], total = s.length; i < total; i ++)
       // if (s[i].checked) sels.push(s[i].value);
       //  alert("seleccion=" + sels.join(","));

     }else{
      alert('todos los campos son requirodss');
    return false;
     }
 }

[IsaBelM]

si analizamos esta línea

//f.style.border= '1px solid #d8000c';

vemos que f hace referencia al formulario, en lugar de a alguno de los controles. por otro lado el css está computado, así que crea un nuevo selector con las propiedades que desees y úsalo para reemplazar el valor del atributo class. para reemplazarlo puedes usar la propiedad className

[mko]

bueno muchras gracias IsaBelM

por la orientacion ahora ya e validado para q ningun campo me quede vacio,cambie la clase Y me muestres en un alert los todos los datos

Código:

function validando(){
divResultado = document.getElementById('trabajo');
var suma = 0;
var f = document.nue_equipo;
var valores = document.getElementsByName('campos[]');
 for (var i = 0, j = valores.length; i < j; i++) 
 {
   if( valores[i].value == "" )
   {
 suma++;
	valores[i].className="error";
    }else{ valores[i].className="contorno";}
}
 
     if(suma == 0){
     
      sels = [];
       for (i = 0, s = f["campos[]"], total = s.length; i < total; i ++)
      if (s[i]) sels.push(s[i].value);
        alert("seleccion=" + sels.join(","));
     }else{
      alert('todos los campos son requirdos');
    return false;
     }
 }

POR LO PRONTO SOLO MUESTRA LOS DATOS EN UN ALERT