Problema al tratar de validar cajas de texto dinámicas

rafl84 · #1 (**permalink**) 21/10/2007, 14:59

Hola que tal ?, tengo problemas al momento de querer validar unas cajas de texto que son generadas por medio de php.
El problema se me da a la hora de ejecutar la funcion validacion ya que yo quisiera que todas las cajas de texto quedaran marcadas si tienen algun error al momento de presionar el boton submit pero no le encuentro forma.
Aquí esta el código de donde envío el parámetro para que se me generen las cajas de texto.

Código HTML:

<html>
<head>
<title>Sans Titre</title>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta name="generator" content="HAPedit 3.1">
</head>
<body bgcolor="#FFFFFF">

  <center><h2>CONTROL DE DEVOLUCIONES</h2></center>
  <br><br>
  <form method="post" action="ctrldev.php" >
  <table align='center' cellspacing='0' height="151" border="1" bordercolor="#000000">
    <tr>
      <td height="23" colspan="4">
      <p align="center"><strong><font color='#000000'>DEVOLUCIONES</font></strong></p></td>
    </tr>
    <tr>
    <td height="23" align="center"><strong>Pedidos llevados</strong></font></td>
    <td height="23" align="center"><strong>Pedidos Devueltos</strong></font></td>
    <td height="23" align="center"><strong>Dinero llevado</strong></font></td>
    <td height="23" align="center"><strong>Dinero liquidado</strong></font></td>
    </tr>

    <tr>
    <td align="center"><input type="text" name="pedlle" id="pedlle" size="10" />
    </td>
    <td align="center"><input type="text" name="peddev" id="peddev" size="10" />
    </td>
    <td align="center"><input type="text" name="dinlle" id="dinlle" size="10" />
    </td>
    <td align="center"><input type="text" name="dinliq" id="dinliq" size="10" />
    </td>
    </tr>
    </table>
    <br>
    <table align="center">
    <tr>
    <td><input type="submit" name="env" value="Enviar Datos" /></td>
    </table>
    </form>
</body>
</html>

Aquí es donde se generan las cajas de texto, lo que quisiera es validar que las cajas de texto no queden vacías pero no se me ocurre la forma .
Muchas Gracias

Código HTML:

<html> 
<head> 
<title>Sans Titre</title> 
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> 
<meta name="generator" content="HAPedit 3.1"> 
<script language="javascript" type="text/javascript"> 
function vacio(q) { 
        for ( i = 0; i < q.length; i++ ) { 
                if ( q.charAt(i) != " " ) { 
                        return true 
                } 
        } 
        return false 
} 

function validacion(formulario){ 

   for(i=1;i<=formulario.peddev.value;i++) 
   { 
    if(vacio(formulario.fact[i].value) == false ) { 
           formulario.fact[i].style.backgroundColor = '#ff0000'; 
           document.getElementById("e_fact").innerHTML='<font color="#ff0000"><b>* Esta vacio.</b></font>'; 
           formulario.fact[i].focus(); 
           return false; 
  }else{ 
        formulario.fact[i].style.backgroundColor = '#ffffff'; 
        document.getElementById("e_fact").innerHTML=""; 
     } 
   } 
} 
</script> 
</head> 
<body bgcolor="#FFFFFF"> 
<form onsubmit="return validacion(this)" method="post" enctype="multipart/form-data"> 

  <center><h2>CONTROL DE DEVOLUCIONES</h2></center> 
   <br><br> 
   <table align='center' cellspacing='0' height="151" border="1" bordercolor="#000000"> 
    <tr> 
      <td height="23" colspan="5"> 
      <p align="center"><strong><font color='#000000'>DEVOLUCIONES</font></strong></p></td> 
    </tr> 
    <tr> 
    <td height="23" align="center"><strong>Pedidos llevados</strong></font></td> 
    <td height="23" align="center"><strong>Pedidos Devueltos</strong></font></td> 
    <td height="23" align="center"><strong>Dinero llevado</strong></font></td> 
    <td height="23" align="center"><strong>Dinero liquidado</strong></font></td> 
    <td height="23" align="center"><strong>% efectividad</strong></font></td> 
    </tr> 
    <? 
      $ef=round((($_POST['peddev']*100)/$_POST['pedlle']),2); 
      $efect=100-$ef; 
    ?> 
    <tr> 
    <td align="center"><?=$_POST['pedlle']?></td><input type="hidden" name="pedlle" value="<?=$_POST['pedlle']?>"/> 
    <td align="center"><?=$_POST['peddev']?></td><input type="hidden" name="peddev" value="<?=$_POST['peddev']?>"/> 
    <td align="center"><?=$_POST['dinlle']?></td><input type="hidden" name="dinlle" value="<?=$_POST['dinlle']?>"/> 
    <td align="center"><?=$_POST['dinliq']?></td><input type="hidden" name="dinliq" value="<?=$_POST['dinliq']?>"/> 

    <? 
    if(($efect!=100)&&($efect!=0)) 
    {?> 

    <td align="center"><?=$efect?></td><input type="hidden" name="efect" value="<?=$efect?>"/> 
    <? 
    } 
    elseif(($efect==100)&&($efect!=0)){ 
    ?> 
    <td align="center">100</td><input type="hidden" name="efect" value="100"/> 
    <?} 
    else 
    {?> 
    <td align="center">0</td><input type="hidden" name="efect" value="0"/> 
    <?}?> 
    </tr> 
<? 

    if(($_POST['peddev'])!=0) 
    { 
?> 
    <tr> 
    <td height="23" colspan="5"> 
      <p align="center"><strong><font color='#000000'>INGRESAR FACTURAS DEVUELTAS</font></strong></p> 
    </td> 
    </tr> 
    <tr> 
    <td height="23" align="center"><strong># Factura</strong></font></td> 
    <td colspan="4" height="23" align="center"><strong>Razón de la devolución</strong></font></td> 
    </tr><br> 
    <? 
  for($i=1;$i<=$_POST['peddev'];$i++) 
     { 
    ?> 
      <tr><td align="center"><input type="text" name="fact<?=$i?>" id="fact<?=$i?>" size="6" maxlength="6"/> 
      <br><span id="e_fact"></span></td> 
      <td height="30" width="350" colspan="4" align="center"><select name="razon<?=$i?>" size="1"> 
                       <option>No tiene dinero</option> 
                       <option>Cerrado</option> 
                      </select> 
      </td></tr> 
<? 

     } 
  } 
?> 
    </table> 
    <br> 
    <table align="center"> 
    <tr> 
    <td><input type="submit" name="ok" value="Ingresar Datos" /></td> 
    <input type="hidden" name="pedev" value="<?=$_POST['peddev']?>" /> 
    </form> 

    <form method="post" action="ppalreparto.php"> 
    <td> 
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 

    <input type="submit" name="arreg" value="Arreglar Datos"/></td> 
    </tr> 
    </table> 
    </form> 
</body> 
</html>