输入

Question

我对使用输入id的JQuery .val（）有一点问题。我尝试了很多没有结果的东西，所以我在这里。

我只是尝试在用户提交表单时获取电子邮件输入的值（用户在submition之前输入的内容），但我所拥有的只是控制台中的空行（甚至未定义的值？）

编辑：它似乎在这里工作，所以我的问题是现在为什么这段代码不起作用？也许我的JQuery版本已经老了？

这是我的代码的简单版本，脚本位于页面的末尾（JQuery mobile的页面系统），所以在相关页面的html之后。

$('#loginForm').submit(function() {

  var email = $("#email").val();
  console.log(email);

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<form action="#test" id="loginForm">

  <div data-role="fieldcontain">
    <input type="email" name="email" id="email" placeholder="Email" />
  </div>
  <div data-role="fieldcontain">
    <input type="password" name="password" id="password" placeholder="Pwd" />
  </div>
  <input type="submit" id="submit" value="Login" />

</form>

非常感谢你的时间。

Answer 1

我找到了解决方案。虽然看起来很奇怪，但是id名称是问题所在。我将#email更改为#someswearword并且有效。

感谢您的时间，再见