feed twitter facebook LinkedIn facebook

jQuery » Acceder a un campo de formulario con jQuery

junio 7, 2011 por Víctor Cuervo 1 Comentario Imprimir Imprimir

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:

  1. <form id="formulario">
  2. <input id="valor" type="text" size="50">
  3. <button id="comprobar">Comprobar valor</button>
  4. </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:

  1. $("#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:

  1. $("#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:

  1. $(document).ready(function(){
  2. $("#comprobar").click(function() {
  3. var x = $("#valor").val();
  4. alert(x);
  5. });
  6. });

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.

Visualizar el Codigo
Visualiza el artículo
Descargar el Codigo
Descargar el código
Error en el Codigo
Error en el código
Foro sobre jQuery
Foro sobre jQuery
tags: , , ,

Artículos relacionados:

1 comentario »

RSS feed para los comentarios de esta entrada.TrackBack URI

  1. Bitacoras.com
    junio 7, 2011 #

    Información Bitacoras.com…

    Valora en Bitacoras.com: 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……

Deja un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*