
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!!!
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


0