Foros del Web » Programando para Internet » Javascript » Frameworks JS »

No puedo serializar formularios en una misma página

Estas en el tema de No puedo serializar formularios en una misma página en el foro de Frameworks JS en Foros del Web. Bien amigos, como ya les dice el tema, no entiendo por qué la función serialize(); no me funciona a la hora de serializar los campos ...
  #1 (permalink)  
Antiguo 10/10/2011, 11:37
 
Fecha de Ingreso: diciembre-2006
Mensajes: 213
Antigüedad: 14 años, 6 meses
Puntos: 3
No puedo serializar formularios en una misma página

Bien amigos, como ya les dice el tema, no entiendo por qué la función serialize(); no me funciona a la hora de serializar los campos de los formularios, comentarles que tengo una aplicación donde tengo muchos formularios es una página, algunos de estos son generados dinámicamente, por lo tanto, para no alargar el texto de este hilo, he preparado un pequeño ejemplo con 2 formularios y 2 campos cada uno:

El código es el siguiente:

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3.     <head>
  4.         <title>Multiples formularios</title>       
  5.         <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript" charset="utf-8"></script>
  6.         <script type="text/javascript" charset="utf-8">
  7.         $(document).ready(function(){
  8.             $(".registrar").click(function() {             
  9.                 var $this = $(this);
  10.                 var $parent = $this.parent();
  11.                 alert($parent.attr("id"));
  12.                 var cadena = $parent.serialize();
  13.                 alert("Los datos a enviar son: "+cadena);
  14.             });    
  15.         });    
  16.         </script>
  17.     </head>
  18.     <body>
  19.         <form class="formularios" id="formulario1">
  20.             <label for="nombre">Su nombre:</label>
  21.                 <input type="text" id="nombre" /><br />
  22.             <label for="edad">Edad:</label>
  23.                 <input type="text" id="edad" /><br />
  24.             <input type="button" value="registrar" class="registrar" id="btn1" />
  25.         </form>
  26.         <form class="formularios" id="formulario2">
  27.             <label for="nombre">Ocupacion:</label>
  28.                 <input type="text" id="ocupacion" /><br />
  29.             <label for="edad">Fecha:</label>
  30.                 <input type="text" id="fecha" /><br />
  31.             <input type="button" value="registrar" class="registrar" id="btn2"/>
  32.         </form>
  33.     </body>
  34. </html>


La idea es que si tengo muchos formularios agrupados por una clase, tengo que saber desde cuán formulario se ha dado clic (por eso ocupo parent()), un vez obtenido el formulario desde el cual se ha dado clic lo que quiero hacer es serializarlo para procesarlo en otra página posterirormente, lo que no me explico es por qué no me la función serialize().

¿Podrían hacerme el favor de ayudarme con esto?.

Muchas gracias desde ya.

Saludos

Etiquetas: html, javascript, jquery, js, página, serializar, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:11.