validar input text dinamicos

Jahir · #1 (**permalink**) 11/12/2008, 07:58

Buenos dias he tratado de realizar validaciones de los text dinamicos pero no se porque no salen alguno me podria decir cual ha sido mi error

Código HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript" script type="text/javascript">
function vacio(q)
{  
   for ( i = 0; i < q.length; i++ )
	{ 
	   if ( q.charAt(i) != " " )
	   { 
			   return true 
	   } 
   } 
	return false 
}
var edad= <? echo $edad ?>;
//funcion que me recoge cada input del formulario
function validacion(formulario)
{ 
	for (i=1; i<=edad; i++)
	{ 
		if (vacio(formulario.consumo+i.value) == false)
		{
			alert('Campo de consumo vacio')
			return false
		}
		if(isNaN(formulario.consumo+i.value))
		{
			alert("Debe ingresar solo numeros")
			return false
		}
		if (vacio(formulario.capacidad+i.value) == false)
		{
			alert('Campo de capacidad vacio')
			return false
		}
		if(isNaN(formulario.capacidad+i.value))
		{
			alert("Debe ingresar solo numeros")
			return false
		}
	        return true
	}
}
</script> 
</head>
<body>
<font color="#00FF66" face="Maiandra GD"><h5><div align="right">Usuario Activo :<? echo $_SESSION["Nombre"]." ".$_SESSION["Apellido"]?></div></h5></font>
			<form action="untitled1.php" method="post"  onsubmit="return validacion(this)">
			<table width="50%" border="1" cellpadding="2" cellspacing="2" bgcolor="#000099">
			<?
			for ($i=1; $i<=$edad; $i++)
			{
			?>
			<tr>
			<td align="center"><strong>Consumo &nbsp;</strong></td>
			<td align="center"><strong>Capacidad &nbsp;</strong></td>
			</tr>
			<tr>
			<td align="center"><input type="text" name="<? echo "consumo".$i;?>" size="15">&nbsp;</td>
			<td align="center"><input type="text" name="<? echo "capacidad".$i;?>" size="15">&nbsp;</td>
			</td>
			<?
			}
			?>			
			</table><br><br>
			<input type="submit" value="Siguiente" name="validar">
</form>
</body>
</html>

nicolaspar · #2 (**permalink**) 11/12/2008, 08:08

Lo más simple para que lo comprendas es que, una vez que tenés la validación de "UN CAMPO" funcionando, hagas la iteración sobre $edad tanto en los campos como en el JS que valida dichos campos, de ésta manera dibujaras tantos ifs en JS como campos en HTML.

Espero que te ayude

Saludos,

Jahir · #3 (**permalink**) 11/12/2008, 08:19

nicolaspar lo que sucede es que tengo en una primer pagina un formulario donde me pide una catidad al dar enviar la cantidad que ingreso debe ser el numero de input text que deben salir tanto en consumo como para cantidad bueno hasta ahi todo marcha normal ahora necesito validar esa cantidad de campos y es ahi donde no lo he podido conseguir ya que no he podido lograr concatenar el nombre del input con el contador esto en js bueno no se si me he dado ha entender

nicolaspar · #4 (**permalink**) 11/12/2008, 08:30

No comprendo porque pensas que no aplica el ejemplo que te di. Mirá, te lo escribo:

Código php:

Ver original<? $edad = 5; #A modo de debug ?>
 
...
 
<script language="javascript" script type="text/javascript">
function validar(){
 var error = '';
 var d = document.formulario;
<? for( $i=1; $i<=$edad; ++$i) { ?>
   if( d.edad<?=$i;?>.value == '' ) error += '\n* Completa Edad <?=$i;?>';
<? }?>
 if( error == '' ) d.submit();
 else alert(error);
}
</script>
 
...
 
<form name="formulario" id="formulario" action="algo.php">
<? for( $i=1; $i<=$edad; ++$i) { ?>
 Edad <?=$i;?><input type="text" name="edad<?=$i;?>" id="edad<?=$i;?>" value="" /><br />
<? }?>
<br />
<br />
<input type="button" onclick="validar()" value="Enviar" />
</form>
 
 
...

Jahir · #5 (**permalink**) 11/12/2008, 08:39

nicolaspar Te agradesco tu ayuda lo que sucede esque hasta ahora estoy realizando este tipos de ejercicios en js pero hay voy poco a poco

nicolaspar · #6 (**permalink**) 11/12/2008, 08:49

Entonces declará los inputs como un array y ahí si podrás hacer un for sobre éstos, pero no me parece lo más versátil, también como lo estás expresando no está mal (declarando la iteración en una variable de js), pero es lo mismo...en si no comprendo donde está tu error, si usás FF miré en la consola de errores, seguro tienes alguno que te está dando problemas.