Как получить значение из поля INPUT и передать его в jQuery var на лету?

Question

Чуваки!У меня есть форма POST, одно поле этого:

<input type="text" name="username" />

В jQuery я поместил var с именем var username = <--- code here --->;

Вопрос в том, как в интерактивном режиме передать значение поля INPUT в эту переменную до того, как пользователь нажмет кнопку Отправить ?

Answer 1

Попробуйте:

$("input[name='username']").blur(function() {
  var username = $(this).val();
});

Вы имеете в виду что-то вроде этого

Answer 2

Вот еще один подход, который обновляет переменную по мере ввода пользователем.

Демонстрацию в режиме реального времени можно найти здесь: http://jsfiddle.net/EnS8T/11/

var username = "";
$(document).ready(function()
{
    $("[name='username']").keyup(function()
    {
        username = $(this).val();     
    });

});

Другие функции, кроме keyup () , которые можно использовать, включают keydown () и keypress () . Поведение этих трех функций можно наблюдать в jsFiddle выше.

Answer 3

Селектор jQuery, который найдет это поле:

var username = $('input[name="username"]').val();

Чтобы назначить переменную до отправки формы, вы можете следовать ответу Судхира или захватить его при отправке формы:

$(function() {
    $('#yourFormid').submit(function() {
        var username = $('input[name="username"]', this).val();
        // do work
        return true; // true to submit the form, false to cancel submission
    });
});

Answer 4

Под интерактивным, вы имеете в виду, как напечатано? Затем используйте событие onKeyPress в вашем текстовом поле. Возможно, вам придется сделать что-то странное, например, создать setTimeout, если вы не хотите писать много кода для отслеживания положения курсора.