Foros del Web » Programando para Internet » Javascript »

recuperar todos los valores de un formulario con javascript

 Estas en el tema de recuperar todos los valores de un formulario con javascript en el foro de Javascript en Foros del Web. Hola como podria recuperar todos los valores de los campos de un form con un campo tipo boton, pasandole los valores individualmente por parametro funcionaria ...
  #1 (permalink)  
Antiguo 11/07/2012, 09:00
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 12 años, 11 meses
Puntos: 10
recuperar todos los valores de un formulario con javascript
Hola como podria recuperar todos los valores de los campos de un form con un campo tipo boton, pasandole los valores individualmente por parametro funcionaria pero no creo que sea la manera correcta de hacerlo hay alguna forma de consegirlo, gracias de antemano saludos pongo un ejemplo.

Código Javascript: 
Ver original
  1. <script type='text/javascript'>
  2. function recuperarValores(){
  3.  
  4. }
  5. </script>

Código HTML: 
Ver original
  1. <form name='form'>
  2. nombre<input type='text' name='nombre'>
  3. apellido<input type='apellido' name='apellido'>
  4. <input type='button' onclick='recuperarValores()';>
  5. </form>

alguna forma de hacerlo sin pasarle los valores individualmente por parametros a la funcion?
  #2 (permalink)  
Antiguo 11/07/2012, 09:25
Avatar de maycolalvarez
Colaborador
  
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 15 años, 8 meses
Puntos: 1532
Respuesta: recuperar todos los valores de un formulario con javascript
puedes recorrer el DOM, o recorrer la instancia del formulario que es un objeto FORM que tiene una colección de elements que son los inputs.

algunos frameworks disponen de funciones serializadoras como jQuery.Serialize()
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 11/07/2012, 09:35
Avatar de caricatos
Moderador
  
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: recuperar todos los valores de un formulario con javascript
Hola:

Para casos concretos, podría tratarse de una mala práctica, por ejemplo, los botones tipo submit pasan el valor del que es pulsado... el típico caso de un botón para modificar y otro para borrar.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #4 (permalink)  
Antiguo 11/07/2012, 10:09
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 12 años, 11 meses
Puntos: 10
Respuesta: recuperar todos los valores de un formulario con javascript
Hola maycolalvarez, en primer lugar gracias por tu colaboracion, me puedes poner un ejemplo de como se aria para recorrer el campos.
  #5 (permalink)  
Antiguo 11/07/2012, 10:13
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 12 años, 11 meses
Puntos: 10
Respuesta: recuperar todos los valores de un formulario con javascript
Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Para casos concretos, podría tratarse de una mala práctica, por ejemplo, los botones tipo submit pasan el valor del que es pulsado... el típico caso de un botón para modificar y otro para borrar.

Saludos
Hola caricatos gracias por tu interes en ayudarme,aunque
No se muy bien a que te refieres, yo lo que es una funcion para validar el formulario y si todo es correcto llamar a otra funcion pasandole los valores del formulario por parametros, algo asin necesito, que manera seria la correcta? cualquier ayuda se agradece, saludos.
  #6 (permalink)  
Antiguo 11/07/2012, 10:34
Avatar de caricatos
Moderador
  
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años
Puntos: 1284
Respuesta: recuperar todos los valores de un formulario con javascript
Hola:

Un ejemplo:


<input type="submit" name="acto" value="actualizar" />
<input type="submit" name="acto" value="borrar" />

Es normal tener estos dos botones en una formulario..., y si se pulsa en borrar, se envía:
acto=borrar
... y no se envía el valor del otro botón con el mismo nombre.

Solo es una advertencia, pero si no es tu caso, simplemente no debes considerarlo.

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #7 (permalink)  
Antiguo 11/07/2012, 10:37
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 12 años, 11 meses
Puntos: 10
Respuesta: recuperar todos los valores de un formulario con javascript
Cita:
Iniciado por caricatos Ver Mensaje
Hola:

Un ejemplo:


<input type="submit" name="acto" value="actualizar" />
<input type="submit" name="acto" value="borrar" />

Es normal tener estos dos botones en una formulario..., y si se pulsa en borrar, se envía:
acto=borrar
... y no se envía el valor del otro botón con el mismo nombre.

Solo es una advertencia, pero si no es tu caso, simplemente no debes considerarlo.

Saludos
No es mi caso pero gracias por tu consejo caricatos, lo tendre en cuenta, un saludo.
  #8 (permalink)  
Antiguo 11/07/2012, 14:30
Avatar de emprear
Colaborador
  
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 9 meses
Puntos: 1567
Respuesta: recuperar todos los valores de un formulario con javascript
@pithon
hace un tiempo deje esta función para serializar un formulario, quizás te interese
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Contar elementos</title>
  6. <meta name="description" content="Contar elementos" />
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. var valor = "";
  10. function elementosForm() {
  11. var datos = "";
  12. var los_elementos = document.getElementById('formu').elements;
  13. for (i=0; i<los_elementos.length; i++) {
  14.     if(los_elementos[i].value == ''){
  15.     valor = 'sin valor';
  16.     }else{
  17.         if((los_elementos[i].type == 'radio')||(los_elementos[i].type == 'checkbox')){
  18.             if(los_elementos[i].checked == true){
  19.             valor = los_elementos[i].value;
  20.             }else{
  21.             valor = "";
  22.             }
  23.         }else{
  24.         valor = los_elementos[i].value;
  25.         }
  26. }
  27. datos += los_elementos[i].tagName +'(' +los_elementos[i].name +')' +'-' + valor + '\n\r';
  28. }
  29.  
  30. alert(datos);
  31. }
  32. //]]>
  33. </script>
  34. </head>
  35. <body>
  36. <form id='formu'>
  37. nombre<input type='text' name='nombre'>
  38. apellido<input type='apellido' name='apellido'>
  39. <input type='button' onclick='elementosForm();' name='procesar' value='procesar'>
  40. </form>
  41. </body>
  42. </html>

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #9 (permalink)  
Antiguo 20/07/2012, 01:47
 
Fecha de Ingreso: mayo-2011
Mensajes: 1.201
Antigüedad: 12 años, 11 meses
Puntos: 10
Respuesta: recuperar todos los valores de un formulario con javascript
Cita:
Iniciado por emprear Ver Mensaje
@pithon
hace un tiempo deje esta función para serializar un formulario, quizás te interese
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html lang="es-ar">
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>Contar elementos</title>
  6. <meta name="description" content="Contar elementos" />
  7. <script type="text/javascript">
  8. //<![CDATA[
  9. var valor = "";
  10. function elementosForm() {
  11. var datos = "";
  12. var los_elementos = document.getElementById('formu').elements;
  13. for (i=0; i<los_elementos.length; i++) {
  14.     if(los_elementos[i].value == ''){
  15.     valor = 'sin valor';
  16.     }else{
  17.         if((los_elementos[i].type == 'radio')||(los_elementos[i].type == 'checkbox')){
  18.             if(los_elementos[i].checked == true){
  19.             valor = los_elementos[i].value;
  20.             }else{
  21.             valor = "";
  22.             }
  23.         }else{
  24.         valor = los_elementos[i].value;
  25.         }
  26. }
  27. datos += los_elementos[i].tagName +'(' +los_elementos[i].name +')' +'-' + valor + '\n\r';
  28. }
  29.  
  30. alert(datos);
  31. }
  32. //]]>
  33. </script>
  34. </head>
  35. <body>
  36. <form id='formu'>
  37. nombre<input type='text' name='nombre'>
  38. apellido<input type='apellido' name='apellido'>
  39. <input type='button' onclick='elementosForm();' name='procesar' value='procesar'>
  40. </form>
  41. </body>
  42. </html>

Saludos
Hola emprear, perdona por no haber respondido antes, este ejemplo me ayudo mucho para entender como trabajar con los elementos de un form, un saludo.

Etiquetas: formulario, funcion, input, botones
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


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 00:33.