JavaScript - Problema al recorrer elementos de un formulario

   
Vista:

Problema al recorrer elementos de un formulario

Publicado por Guillermo (2 intervenciones) el 28/04/2014 22:30:40
Hola,

Estoy tratando de recorrer los elementos de un formulario y que me los muestre con un alert pero no hay manera. Este es el código. Si cambio el botón btnEnviaInformacion para que en lugar de que sea un button sea submit sí lo hace correctamente ¿Cuál puede ser el problema? Gracias por anticipado!!!

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function validacampos(){
	var sAux="";
	var frm = document.getElementById("formulario");
	for (i=0;i<frm.elements.length;i++)
	{
		sAux += "NOMBRE: " + frm.elements[i].name + " ";
		sAux += "TIPO :  " + frm.elements[i].type + " "; ;
		sAux += "VALOR: " + frm.elements[i].value + "\n" ;
	}
	alert(sAux);
}
</script>
 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Práctica 1</title>
</head>
<body>
 
 
	<form name = "formulario" style="height: 113px;">
		Nombre y apellidos <input name="nombreapellidos"><br>
		NIF <input name ="NIF"><br>
		Correo <input name = "correo"><br>
		Identificador <input name = "identificador"><br>
		Clave <input name = "clave" type="password"><br>
		Repita clave <input name ="claveRepetida" type="password"><br>
		Que le gustaría tomar ahora
			<div>
			<input type="radio" name="group1" value="leche"> Leche<br>
			<input type="radio" name="group1" value="Agua" checked> Agua<br>
			<input type="radio" name="group1" value="Vino"> Vino
 
			</div>
		<select multiple name="mascota">
		  <option selected>--- Elige animal ---</option>
		  <option>Perro</option>
		  <option>Gato</option>
		  <option>Loro</option>
		</select>
		<br>Desea enviar esta información: <input name = "envioInformacion" type="checkbox">
		<br><input type="button" onclick="validacampos();" value="Enviar Información." name="btnEnviaInformacion">
	</form>
</body>
</html>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Problema al recorrer elementos de un formulario

Publicado por xve (1595 intervenciones) el 29/04/2014 08:50:32
Hola Guillermo estas haciendo referencia a un id que no existe...
1
var frm = document.getElementById("formulario");

cambiar esta linea:
1
<form name = "formulario" style="height: 113px;">
por esta:
1
<form id = "formulario" style="height: 113px;">

Ahora tendría que funcionar-te correctamente... Coméntanos, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Problema al recorrer elementos de un formulario

Publicado por Guillermo (2 intervenciones) el 29/04/2014 16:37:41
Efectivamente, era eso. Lo que pasa es que me funcionaba al cambiar el elemento de button a submit y no había caído en eso.

Muchísimas gracias!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar