如何使用jQuery从表单中获取元素值

我有一个简单的HTML表单，并尝试使用jQuery从中获取电子邮件和密码的值。结果我总是得到空字符串。有人能告诉我我需要改变什么吗

HTML格式：

<form>
        <label for="email">Email</label>
        <input type="email" id="email">

        <label for="password">Password</label>
        <input type="text" id="password">

        <button id="button">Submit</button>
</form>

---

问题是，获取电子邮件和密码字段值的部分只运行一次。您希望在每次单击时再次运行它以获取当前值

$(function() {
    $('#button').click(function() {
        var x = $("#email").val();
        var y = $("#password").val();

        alert(x);
        alert(y);
    });
});

---

您可以在单击处理程序中获取值。问题是，您试图在文档准备好后获取这些值，而此时这些值是空的

您可以为表单的submit事件添加侦听器，并在submit时获取值

例如：

$('form').on('submit', function() {
  var x = $("#email").val();
  var y = $("#password").val();
  alert(x + ' | ' + y);
})

---

如果您的值是动态的，我建议您使用上的

（“单击”）…

，而不是

（“单击”）

<代码>（“单击”）功能可能无法再次启动

$（文档）。在（“单击”按钮上，函数（e）{
e、 预防默认值（）；
var x=$（“#email”）.val（）；
变量y=$（“#密码”）.val（）；
警报（x）；
警报（y）；
});
电子邮件
密码
提交

$('form').on('submit', function() {
  var x = $("#email").val();
  var y = $("#password").val();
  alert(x + ' | ' + y);
})