Javascript script for form submit doesn't execute

Question

I tried to intercept a submit form by javascript script but it doesn't work .

this is my html code :

<form id="myForm" action="home1" method="post">
    <input type="text" id="user_email" name="email" /> 
    <input type="password" id="user_password" name="password" />
    <button type="submit" class="btn bg-olive btn-block">Sign up</button>
</form>

Script:

$("#myForm").submit(function(event) 
{
    /* stop form from submitting normally */
    event.preventDefault();
    alert('success');
});
});

Check the developer console. Your code looks like it has syntax errors. — Pointy
– Pointy, Commented Aug 14, 2014 at 23:57
Once you use proper formatting it's obvious what the issue is... — Lee Taylor
– Lee Taylor, Commented Aug 15, 2014 at 0:33

Adrian0CG · Accepted Answer · 2014-08-15 00:03:21Z

1

You have a superfluous });in line 23.

answered Aug 15, 2014 at 0:03

Adrian0CG

661 silver badge3 bronze badges

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

3 Comments

Zrom Over a year ago

thanks, you are right. But what makes me post this idiot code is that I don't understand why the script must be declared in the body(exactly after the form). l mean why it doesn't work when I declare it in the head!?

Lee Taylor Over a year ago

Because the elements don't exist at that point. You should use jQuery's ready handler.

Zrom Over a year ago

Now i understand .Thank you Lee .

Collectives™ on Stack Overflow

Javascript script for form submit doesn't execute

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related