javascript - 保存来自 JQuery 表单的输入数据

Question

我试图让用户在文本框中输入他们的电子邮件 ID，以便我可以将其存储到我的数据库中。

这是具有相应 JQuery 的准系统 HTML，因此可以检查代码的基本功能。我仍在学习 JS，因此我可能已经从各处获取了一些代码。

问题:电子邮件 ID 未显示在屏幕上。

<form id="signup-form">
    <div class="form-group">
        <input type="text" class="form-control" name="email" id="email" placeholder="get informed when it's online!"/>
        <button id="signup-button" class="btn btn-default">count me in!</button>
    </div>
</form>

JQuery:

$("#signup-form").ready(function() {
    $("#signup-button").click(function() {
        alert($('#email').val());
    });
});

不知道我做错了什么。帮助。

Answer 1

使用文档

$(document).ready(function() {
    $("#signup-button").click(function() {
        alert($('#email').val());
    });
});