Получить данные формы, используя javascript

Question

Я пытаюсь сохранить данные полей в простых vars. Мне нужны только входные значения

<input type="text" id="login_email" class="large" name="login_email" value=""> 

<input type="submit" name="submit.x" value="Entrar" class="btn large"> 

Как я могу получить данные в поле login_email и сохранить его в var?

Редактировать: Проблема: elementid "login_email" является статическим. Мне нужно что-то, когда пользователь вводит текст, код захватывает его и сохраняет в var.

Answer 1

Для того, чтобы захватить то, что будучи введен в качестве входных данных, с JQuery, вы можете связать с .keyup() события и сохранить значение переменный в глобальном/более высоком объеме (например, за пределы события, или document.ready()):

Пример:

var email; 
 
$('#login_email').keyup(function(e) { 
 
    email = $(this).val(); 
 
    $('#results').html(email); 
 
});

#results { 
 
    margin-top: 15px; 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="login_email" /> 
 

 
<span id="results"></span>

Answer 2

Вы можете использовать value свойство и change событие HTMLInputElement:

var loginEl = document.getElementById('login_email'); 
var loginEmail; 

loginEl.onchange = function emailChanged() { 
    loginEmail = loginEl.value; 
}