Comment puis-je obtenir la valeur d'une zone de texte à l'aide de jQuery?

486

Je peux obtenir l'élément comme ceci, $("#txtEmail")mais je ne sais pas comment obtenir la valeur réelle.

jquery

— Michée
source

22

avez-vous essayé $ ("txtEmail"). val ()

— Perpetualcoder

2

hehehe ... le problème était que j'avais oublié de référencer ma fonction dans l'événement click =)

— Micah

765

Il y a une .val()méthode:

Si vous avez une entrée avec un id, txtEmailvous pouvez utiliser le code suivant pour accéder à la valeur de la zone de texte:

$("#txtEmail").val()

Vous pouvez également utiliser la val(string)méthode pour définir cette valeur:

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

— neilprosser
source

2

Pourquoi «.value ()» ne fonctionne-t-il pas dans jQuery? Je n'aurais pas cherché sur Google si c'était le cas, car c'est ce que j'ai essayé intuitivement. Pourquoi choisir de raccourcir deux caractères ...

— Mike de Klerk

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

— Nipek

74

Utilisez la méthode .val ().

Je pense aussi que vous vouliez utiliser $("#txtEmail")comme $("txtEmail")retours des éléments de type <txtEmail>que vous n'avez probablement pas.

Voir ici dans la documentation jQuery .

Également la méthode jQuery val () .

— Spencer Ruport
source

23

Duplicata possible:

Juste des informations supplémentaires qui m'ont pris beaucoup de temps pour trouver. Et si vous utilisiez le nom du champ et non l'ID pour identifier le champ du formulaire. Vous le faites comme ceci:

Pour le bouton radio:

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

Pour la zone de texte:

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

— Yoosaf Abdulla
source

Soyez prudent lorsque vous publiez des réponses copier-coller passe-partout / verbatim à plusieurs questions, celles-ci ont tendance à être signalées comme "spam" par la communauté. Si vous faites cela, cela signifie généralement que les questions sont des doublons, alors signalez-les comme telles à la place: stackoverflow.com/questions/1320088

— Kev

1

@Kev: Je ne connaissais pas un tel marquage. Cependant, je ne sais pas s'il s'agissait d'un doublon pendant la période où j'avais publié cette solution. Je n'ai pas pu en trouver un dans SO donc publié. Mais oui, je garderai à l'esprit et merci de me le faire savoir.

— Yoosaf Abdulla

1

Le "input: text" a aidé parce que j'avais 2 contrôles avec le même nom. : <(Notez mon code, je l'ai hérité)

— granadaCoder

11

Vous avez remarqué votre commentaire sur son utilisation pour la validation des e-mails et le besoin d'un plugin, le plugin de validation peut vous aider , il est situé sur http://bassistance.de/jquery-plugins/jquery-plugin-validation/ , il est livré avec un e-mail règle aussi.

— Wardy
source

6

Il existe une .val();méthode que vous pouvez utiliser.

Donc, dans votre situation, vous souhaitez utiliser $("#txtEmail").val();. Assurez-vous également d'ajouter la propriété id dans votre code html!

— bouc émissaire17
source

5

Utilisez la .val()méthode pour obtenir la valeur réelle de l'élément dont vous avez besoin.

— PUBG
source

4

Vous pouvez accéder à la valeur du contrôle Texbox soit par son ID, soit par son nom de classe.

Voici l'exemple de code:

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

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

L'utilisation du nom de classe pour obtenir une valeur de contrôle de zone de texte peut renvoyer une autre valeur ou une valeur incorrecte, car le même nom de classe peut également être défini pour tout autre contrôle. Ainsi, obtenir la valeur d'une zone de texte spécifique peut être récupéré par son identifiant.

— Akshay Chawla
source

2

En utilisant

$("#txtEmail").val()

vous obtenez la valeur réelle de l'élément

— MIlan Modh
source