Как получить значение текстового поля с помощью jQuery?

451

Я могу получить элемент вроде этого $("#txtEmail"), но я не уверен, как получить фактическое значение.

  • 19
    Вы пробовали $ ("txtEmail"). val ()
  • 2
    хехехе ... проблема была в том, что я забыл сослаться на свою функцию в событии click =)
Теги:

8 ответов

739
Лучший ответ

Есть метод .val():

Если у вас есть вход с идентификатором txtEmail, вы можете использовать следующий код для доступа к значению текстового поля:

$("#txtEmail").val()

Вы также можете использовать метод val(string) для установки этого значения:

$("#txtEmail").val("something")
  • 2
    Почему «.value ()» не работает в jQuery? Я бы не стал искать в Google, если бы он это делал, потому что это то, что я пытался интуитивно. Почему решили сократить это два символа ...
  • 0
    var user_email = $("#txtEmail").val()
68

Используйте метод .val().

Также я думаю, что вы хотели использовать $("#txtEmail"), поскольку $("txtEmail") возвращает элементы типа <txtEmail>, которые вы, вероятно, не имеете.

См. здесь документацию jQuery.

Также метод jQuery val().

22

Возможный дубликат:

Просто дополнительная информация, которая заняла у меня много времени, чтобы найти. Если вы использовали имя поля, а не идентификатор для идентификации поля формы. Вы делаете это так:

Для переключателя:

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

Для текстового поля:

 var txt=$('input:text[name=DrugDurationLength]').val();
  • 0
    Будьте осторожны при публикации копируй и вставляй шаблонные / дословные ответы на несколько вопросов, они, как правило, помечаются сообществом как «спам». Если вы делаете это, то это обычно означает, что вопросы являются дубликатами, поэтому пометьте их как таковые: stackoverflow.com/questions/1320088
  • 1
    @Kev: я не знал о такой маркировке. Тем не менее, я не уверен, что это был дубликат, когда я опубликовал это решение. Я не мог найти один в ТАК так отправил. Но в будущем я буду помнить, и спасибо, что сообщили.
Показать ещё 1 комментарий
9

Отметив ваш комментарий об использовании его для проверки подлинности электронной почты и необходимости в плагине, плагин проверки может помочь вам, расположенный в http://bassistance.de/jquery-plugins/jquery-plugin-validation/, он также имеет правило электронной почты.

6

Существует метод .val();, который вы можете использовать.

Итак, в вашей ситуации вы хотели бы использовать $("#txtEmail").val();. Кроме того, убедитесь, что вы добавили свойство id в свой HTML-код!

5

Используйте метод .val(), чтобы получить фактическое значение требуемого элемента.

3

Вы можете получить доступ к значению элемента управления Texbox либо по его идентификатору, либо по его имени класса.

Вот пример кода:

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

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

Использование имени класса для получения любого управляющего значения текстового поля может возвращать другое или неправильное значение, поскольку одно и то же имя класса также может быть определено для любого другого элемента управления. Таким образом, получение значения определенного текстового поля может быть вызвано его идентификатором.

2

Используя

$("#txtEmail").val()

вы получаете фактическое значение элемента

Ещё вопросы

Сообщество Overcoder
Наверх
Меню