Capturar datos de un formulario con Javascript
Autor: Fabián Rodríguez


Para tomar o recibir los datos de un formulario o procesarlos con javascript, podemos usar o hacerlo de la misma manera de como lo hacemos en PHP, por medio de variables que toman los valores. Veamos un ejemplo:

[highlight="javascript"]<html>
<head>
<script type="text/javascript">
function saludar(){
var nombre = formulario.nombre.value;
alert("Tu nombre es "+nombre);

}
</script>
</head>
<body>
<form name="formulario">
<label>Tu nombre </label><input type="text" name="nombre" />
<input type="submit" value="Enviar" Onclick="saludar();" >
</form>

</body>
</html>[/highlight]

El ejemplo anterior muestra un ejemplo sencillo, pero bastante entendidible, lo primer que debemos hacer es aisgnar las referencias name a las respectivas etiquetas, ya que por medio de ellas accederemos a los datos. Por ejemplo la etiqueta <form> tiene la propiedad name como formulario y la caja de texto tiene la propiedad name como nombre.

Luego de eso se puede declarar una variable con la siguiente sintaxis:

nombre_del_formulario.elemento.value;

Donde elemento es cualquier control, caja de texto o componente del que se van a capturar los datos. Luego de eso ya podremos usar la variable con los datos obtenidos.