javascript - jQuery 表单处理问题

Question

我在使用 jQuery 处理 html 表单中的数据时遇到问题。我有这个简单的表格:

<form id="singup">
  <input type="text" placeholder="Full Name" id="signup-name">
  <input type="email" placeholder="Email Address" id="signup-email">
  <input type="password" placeholder="Password" id="signup-pass">
  <input type="password" placeholder="Retype Password" id="signup-retype-pass">
  <button class="button-hover" type="submit" id="signup-submit">Create account now</button>
</form>

现在我想使用 jQuery 获取输入的值。

$("#singup").submit(function (e) {
    var email = $('#singup-email').val();
    console.log(email);
    e.preventDefault(e);
});

但是浏览器控制台告诉我 var email 未定义。为什么？

感谢您的帮助!

Answer 1

打字错误。使用signup-email而不是singup-email

$("#singup").submit(function (e) {
    var email = $('#signup-email').val();
    console.log(email);
    e.preventDefault(e);
});