jQuery nos ayuda de una forma muy sencilla a realizar operaciones con el DOM de la página. De esta forma nos facilita el acceder a un campo de formulario.
Lo primero será montar nuestro formulario en HTML. Algo muy sencillo si conoces el uso de la etiqueta FORM:
El siguiente paso será montar nuestro código jQuery. Siguiendo los principios básicos veremos que el acceso a un ID del documento se consigue mediante la función:
$("#idelemento");
Para el caso de acceder a un campo de formulario es exactamente igual. Es decir, en este caso, si queremos recuperar el id «valor», escribiremos:
$("#valor");
Si bien, esto nos da acceso al elemento, no a su contenido. Para poder acceder al contenido del campo de formulario deberemos apoyarnos en la función .val().
Así, el código para acceder a un campo de formulario con jQuery nos quedará de la siguiente forma:
$(document).ready(function(){
$("#comprobar").click(function() {
var x = $("#valor").val();
alert(x);
});
});
Si revisamos el código, veremos que para acceder al campo lo hacemos desde la función click(), la cual se invoca cada vez que hacemos click sobre el botón «comprobar».
Como podemos ver, es muy sencillo acceder a un campo de formulario con jQuery.