Friday, June 1, 2012

How do I get the value of a textbox using jQuery?

I can get the element like this $("#txtEmail") but I'm not sure how to get the actual value.

Source: Tips4all


  1. I think there's a .val() method


    If you've got an input with an id of txtEmail you should be able to use the following code to access the value of the text box:


    You can also use the val(string) method to set that value:


    Hope that helps!

  2. Use the .val() method.

    Also I think you meant to use $("#txtEmail") as $("txtEmail") returns elements of type <txtEmail> which you probably don't have.

    See here at the jQuery documentation.

    Also jQuery val() method.

  3. Noticed your comment about using it for email validation and needing a plugin, the validation plugin may help you, its located at, it comes with a e-mail rule as well.

  4. Possible Duplicate:

    Just Additional Info which took me long time to find.what if you were using the field name and not id for identifying the form field. You do it like this:

    For radio button:

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

    For textbox:

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