使用javascript获取表单数据

Question

我试图在简单的变量中保存字段的数据。我只需要输入值

<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财产和HTMLInputElement的change事件：

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

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