Acceder a un campo de formulario con jQuery

07/jun/2011 jQuery , 3 Comentarios
jquery

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.

Vídeos sobre jQuery

YouTube responded with an error: Rate Limit Exceeded

Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

3 comentarios en “Acceder a un campo de formulario con jQuery”

Víctor Cuervo

Edgard

Lo que me gustaría hacer es, acceder al contenido de una pagina el cual ésta contiene un formulario de acceso, y acceder mediante mi pagina personal haciendo click en un botón de mi página y direccionandose asi al contenido de la pagina externa. Por ejemplo:

-Desde mi página web personal tengo un botón hago click, y vá al contenido de mi facebook sin la necesidad de insertar mi correo y mi password.

Víctor Cuervo

Víctor Cuervo

@Edgar, pero en tu página pedirías el correo y password?

Víctor Cuervo

noel

????????????????????????????????????

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*