jquery submit event is not handled

Question

I am experiencing some confusing side effects when trying to handle a submit event. Instead of processing the jquery event handler, the script xyz.php is being called.

<script type = "text/javascript"> $(document).ready(function(){ $("#myForm").submit(function() { alert "It works (or not)."; return false; }); }); </script> <div id="contact"> <form action="xyz.php" method="post" id="myForm"> <input type="text" class = "webform" size="30" id="nam" name="nam" ></input> <input class = "webform" type="submit" name="submit" id="send" value="send" ></input> </form> </div>

This is a little bit confusing. I dont see what I am doing wrong. Does anyone has an idea ?? Any help is apreciated. Thank you, so much, in advance...

FYI, input is a self closing tag, you shouldn't have closing tags </input> — A. Wolff
– A. Wolff, Commented Jul 15, 2013 at 8:30

Manoj Yadav · Accepted Answer · 2013-07-15 08:29:45Z

2

Wrap alert message in () like this:

alert ("It works (or not).");

answered Jul 15, 2013 at 8:29

Manoj Yadav

6,6121 gold badge25 silver badges21 bronze badges

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

Comments

user2582790 · Accepted Answer · 2013-07-15 08:39:04Z

Besides the missing "()" in alert.. Your form is being directly submitted when the page is loaded and because of your "action" in your form, xyz.php is being shown.

Try this instead: $('#send').click(function(){ $("#myForm").submit(); });

Omer · Accepted Answer · 2013-07-15 08:30:19Z

alert is a function, you have to use it with parantheses - alert() -, can you please rewrite your code and try again?

Collectives™ on Stack Overflow

jquery submit event is not handled

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related