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

Question

我有一个简单的 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>

jQuery 代码:

$(function() {

var x = $("#email").val();
var y = $("#password").val();

$('#button').click(function() {
    alert(x);
    alert(y);
})
});

Answer 1

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

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

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