Muchas de nuestras páginas van a tener un formulario. Ya que esta es la forma estándar de obtener datos del usuario en un entorno web. A la hora de recuperar la información de dicho formulario nos tenemos que apoyar el código JavaScript.
Si utilizamos código JavaScript estándar deberemos de considerar múltiples escenarios dependiendo del navegador y su versión correspondiente. Esto puede hacer que el código a escribir sea complejo en su edición y en su mantenimiento.
Para ello el framework de Prototype nos proporciona la sencilla función $F. Dicha función recibe como parámetro el ID de uno de los elementos del formulario y nos devuelve el valor que se haya introducido en el campo del formulario.
$F("IDElementoFormulario")
Lo primero que haremos será construir una página HTML con un formulario dentro. Usaremos un formulario tipo con el que ya hemos trabajado en anteriores ocasiones.
Veamos como sería su código:
Es un formulario HTML muy simple con dos campos de texto para el nombre y apellido y otro de tipo «radio» para obtener el género de la persona.
Para utilizar Prototype hay que instanciar su librería prototype.js. Para hacerlo utilizaremos la siguiente línea de código en la cabecera de la página web:
En nuestro ejemplo vamos a recuperar el valor que haya insertado dentro del campo «nombre» del formulario. Entonces el código de Prototype que necesitamos será el siguiente:
$F("nombre")
Importante que el identificador utilizado dentro de la función $F tiene que coincidir con el identificador del atributo ID del campo del formulario.
Este valor lo vamos a mostrar en un mensaje emergente cuando pulsemos un botón de validación. Es por ello que el código que se necesita es el siguiente:
