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


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

 462
Author: Ufuk Hacıoğulları, 2009-01-21

8 answers

Hay un método .val():

Si tienes una entrada con un id de txtEmail puedes usar el siguiente código para acceder al valor del cuadro de texto:

$("#txtEmail").val()

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

$("#txtEmail").val("something")
 723
Author: neilprosser,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2016-04-15 13:57:32

Utilice el .val() método.

También creo que querías usar $("#txtEmail") ya que $("txtEmail") devuelve elementos de tipo <txtEmail> que probablemente no tienes.

Vea aquí en la documentación de jQuery.

También método val() de jQuery.

 73
Author: Spencer Ruport,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-12-02 17:00:28

Posible duplicado:

Solo Información adicional que me llevó mucho tiempo encontrar.qué pasaría si estuviera usando el nombre del campo y no id para identificar el campo del formulario. Lo haces así:

Para el botón de opción:

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

Para el cuadro de texto:

 var txt=$('input:text[name=DrugDurationLength]').val();
 22
Author: Yoosaf Abdulla,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2012-04-16 17:13:34

Notó su comentario sobre usarlo para la validación de correo electrónico y la necesidad de un complemento, el complemento de validación puede ayudarlo, se encuentra en http://bassistance.de/jquery-plugins/jquery-plugin-validation / , viene con una regla de correo electrónico también.

 9
Author: Wardy,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2009-01-21 13:12:44

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

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

 6
Author: scapegoat17,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-10-04 20:46:35

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

 5
Author: Abhi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-10-30 06:29:06

Puede acceder al valor de Texbox control 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 de 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. Así que obtener el valor de un cuadro de texto específico se puede obtener por su id.

 4
Author: Akshay Chawla,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-08-26 08:08:14

Usando

$("#txtEmail").val()

Se obtiene el valor real del elemento

 2
Author: Mahi,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2014-10-15 09:11:28