使用javascript获取表单数据[重复]答案

【问题标题】：Get form data using javascript [duplicate]使用javascript获取表单数据[重复]
【发布时间】：2015-05-01 20:13:05
【问题描述】：

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

<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 中。

【问题讨论】：

如果是表单，jQuery 有$('form').serialize() 可以为您准备好发送的所有内容

标签： javascript jquery forms

【解决方案1】：

您可以使用value 属性和HTMLInputElement 的change 事件：

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

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

【讨论】：

问题：elementid "login_email" 是静态的。我需要一些，当用户键入文本时，代码会捕获它并将其保存到 var 中。
对不起我的英语不好：S
@EnriqueGarcía - 您应该使用该信息更新您的帖子

【解决方案2】：

为了捕获输入中输入的内容，使用 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>

【讨论】：

它可以工作，但是，当用户离开盒子时，我怎样才能保存 var ???
上述实例中的var email 仍然包含输入中写入的任何内容（即使在输入失去焦点之后）