¿Cómo obtengo el valor de un cuadro de texto usando jQuery?

486

Puedo obtener el elemento como este, $("#txtEmail")pero no estoy seguro de cómo obtener el valor real.

jquery

— Micah
fuente

22

intentaste $ ("txtEmail"). val ()

— Perpetualcoder

2

jejeje ... el problema fue que olvidé hacer referencia a mi función en el evento click =)

— Micah

765

Hay un .val()método:

Si tiene una entrada con una identificación txtEmail, puede usar el siguiente código para acceder al valor del cuadro de texto:

$("#txtEmail").val()

También puede usar el val(string)método para establecer ese valor:

$("#txtEmail").val("something")

— neilprosser
fuente

2

¿Por qué '.value ()' no funciona en jQuery? No habría buscado en Google si lo hubiera hecho, porque esto es lo que intenté intuitivamente. ¿Por qué elegir acortarlo dos caracteres ...

— Mike de Klerk

var user_email = $("#txtEmail").val()

— Nipek

74

Use el método .val ().

También creo que querías usar $("#txtEmail")como $("txtEmail")retornos elementos de tipo<txtEmail> que probablemente no tengas.

Ver aquí en la documentación de jQuery .

También método jQuery val () .

— Spencer Ruport
fuente

23

Posible duplicado:

Solo información adicional que me llevó mucho tiempo encontrar. ¿Qué pasaría si estuviera usando el nombre del campo y no la identificación para identificar el campo del formulario? Lo haces así:

Para el botón de radio:

 var inp= $('input:radio[name=PatientPreviouslyReceivedDrug]:checked').val();

Para el cuadro de texto:

 var txt=$('input:text[name=DrugDurationLength]').val();

— Yoosaf Abdulla
fuente

Tenga cuidado al publicar copiar y pegar respuestas repetitivas / textuales a múltiples preguntas, la comunidad suele marcarlas como "spam". Si está haciendo esto, generalmente significa que las preguntas son duplicadas, así que márquelas como tales en su lugar: stackoverflow.com/questions/1320088

— Kev

1

@Kev: no sabía sobre ese etiquetado. Sin embargo, no estoy seguro de si fue un duplicado durante el tiempo que publiqué esta solución. No pude encontrar uno en SO tan publicado. Pero sí, en el futuro lo tendré en cuenta y gracias por hacérmelo saber.

— Yoosaf Abdulla

1

La "entrada: texto" ayudó porque tenía 2 controles con el mismo nombre. : <(Tenga en cuenta mi código, solo lo heredé)

— granadaCoder

11

Notó su comentario sobre el uso para la validación de correo electrónico y la necesidad de un complemento, el complemento de validación puede ayudarlo, está ubicado en http://bassistance.de/jquery-plugins/jquery-plugin-validation/ , viene con un correo electrónico gobernar también.

— Wardy
fuente

6

Hay un .val();método que puedes usar.

Entonces, en su situación, querría usar $("#txtEmail").val();. Además, ¡asegúrese de agregar la propiedad id en su código html!

— chivo expiatorio17
fuente

5

Use el .val()método para obtener el valor real del elemento que necesita.

— PUBG
fuente

4

Puede acceder al valor del control de Texbox ya sea por su ID o por su nombre de clase.

Aquí está el código de ejemplo:

<input type="text" id="txtEmail" class="textbox" value="1">

$(document).ready(function(){
   alert($("#txtEmail").val());
   alert($(".textbox").val());//Not recommended 
});

El uso del nombre de clase para obtener cualquier valor de control de cuadro de texto puede devolver otro valor o un valor incorrecto, ya que el mismo nombre de clase también se puede definir para cualquier otro control. Por lo tanto, obtener el valor de un cuadro de texto específico se puede obtener por su id.

— Akshay Chawla
fuente

2

Mediante el uso

$("#txtEmail").val()

obtienes el valor real del elemento

— MIlan Modh
fuente