Saving input data from JQuery form

Question

I'm trying to get the user to enter their email id into the text-box, so I can store it into my database.

Here's the barebones HTML with corresponding jQuery so the code can be examined in its basic functionality. I'm still learning JS so I might have picked up some code from here and there.

Problem: The email id isn't being displayed on screen.

<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());
    });
});

Don't know what I'm doing wrong. Help.

1letter · Accepted Answer · 2016-01-15 21:37:21Z

1

use document

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

answered Jan 15, 2016 at 21:37

1letter

3312 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

1letter Over a year ago

then you have another mistake in your code. see jsfiddle: jsfiddle.net/jfwxzfug

Barmar Over a year ago

The .ready method can be used on any element, it's treated as $(document).ready().

Anhad Arora Over a year ago

@1letter here's the larger code that this snippet is a part of. your jsfiddle code works well, but for some reason it doesnt work when I incorporate the logic to the main code: stackoverflow.com/questions/34810055/…

1letter Over a year ago

'#email' + " enrolled in list!" is this really the id of the node?

Traveling Tech Guy · Accepted Answer · 2016-01-15 21:36:44Z

0

AFAIK, there's no ready jQuery event on form (see list of available jQuery form events). Try handling the button's click event instead:

$("signup-button").on("click", function(e) {
   alert($('#email').val());
});

answered Jan 15, 2016 at 21:36

Traveling Tech Guy

27.9k25 gold badges117 silver badges167 bronze badges

1 Comment

Barmar Over a year ago

The ready function can be used with any element, it automatically treats it as $(document).ready().

Collectives™ on Stack Overflow

Saving input data from JQuery form

2 Answers 2

4 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related