使用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; 
}