validar campos de formularios generados dinamicamente!!

kryzpo23 · #1 (**permalink**) 08/09/2011, 20:23

Bueno amigos tengo un gran problema, espero me puedan ayudar!!
trabajo con php, mysq y para validar formularios utilizo javascript :Dl!!
Es un trabajo para la universidad, basado en una cooperativa.
Resulta que genero un formulario con php, el cual posee campos que se generan segun la cantidad de socios que posea la cooperativa, osea si tengo 20 socios generare 20 campos para llenar. (este paso es para registrar la lectura de un medidor en un mes determinado)
Resulta que los campos que genero les doy nombre según un contador, fue la unica forma que se me ocurrio:

Código PHP:

Ver original<input name="<?php echo $cont; ?>" type="text" id="<?php echo $cont; ?>" size="5" maxlength="10" />

por lo tanto si resulta el caso que sean 20 socios tendria un formulario con 20 input y su código fuente sera como esto

Código HTML:

Ver original<input name="1" type="text" id="1" size="5" maxlength="10" />
<input name="2" type="text" id="2" size="5" maxlength="10" />
<input name="3" type="text" id="3" size="5" maxlength="10" />
..
..
..
..
<input name="20" type="text" id="20" size="5" maxlength="10" />

y para validar esos campos con javascript creo un ciclo asi

Código Javascript:

Ver original<script language="javascript">
function Validar(){
  for(int i=0;i<numero_cuentas;i++){
    var valor=document.form1.getElementById(i).value;
        if(valor==''){
            alert("Debe completar el formulario ");
            return false;
        }
    }
}
</script>

pero no funciona, bueno eso es lo que tengo espero alguien me pueda ayudar o proponer otra solucion, de antemano muchas gracias.!!!!

bet7o · #2 (**permalink**) 08/09/2011, 22:19

Intentalo asi:

Código HTML:

Ver original<html>
  <head>
  </head>
  <body>
    <form action="" onsubmit="return validar();">
      <input name="1" type="text" id="1" size="5" maxlength="10" />
      <input name="2" type="text" id="2" size="5" maxlength="10" />
      <input name="3" type="text" id="3" size="5" maxlength="10" />
      <input name="4" type="text" id="4" size="5" maxlength="10" />
      <input name="5" type="text" id="5" size="5" maxlength="10" />
      <input type="submit" value="Submit" />
    </form>
    <script language="javascript">
    function validar()
    {
      var numero_cuentas = 5;
      for(i = 1; i < numero_cuentas; i++)
      {
        var element = document.getElementById(i);
        if(element.value.trim().length == 0)
        {
          alert("Debe completar el formulario ");
          element.focus();
          return false;
        }
      }
      return true;
    }
    </script>
  </body>
</html>

Saludos!

kryzpo23 · #3 (**permalink**) 10/09/2011, 09:33

Cita:

Iniciado por bet7o

Intentalo asi:

Código HTML:

Ver original<html>
  <head>
  </head>
  <body>
    <form action="" onsubmit="return validar();">
      <input name="1" type="text" id="1" size="5" maxlength="10" />
      <input name="2" type="text" id="2" size="5" maxlength="10" />
      <input name="3" type="text" id="3" size="5" maxlength="10" />
      <input name="4" type="text" id="4" size="5" maxlength="10" />
      <input name="5" type="text" id="5" size="5" maxlength="10" />
      <input type="submit" value="Submit" />
    </form>
    <script language="javascript">
    function validar()
    {
      var numero_cuentas = 5;
      for(i = 1; i < numero_cuentas; i++)
      {
        var element = document.getElementById(i);
        if(element.value.trim().length == 0)
        {
          alert("Debe completar el formulario ");
          element.focus();
          return false;
        }
      }
      return true;
    }
    </script>
  </body>
</html>

Saludos!

Muchas gracias, lo adapte a mi necesidad y funciona de lujo, gracias nuevamente!!!