How to prevent form on submit behavior in jquery?

Question

I need to get an .click() event and prevent form from behaving as it was initially designed and make my own changes and submit. How is it possible?

EDIT: Form input actually has an onclick defined behavior. I need to redefine it somehow.

EDIT: Some code

<form action='link' method='get'>
   <input type="image" name="name" id="id" class="class" onclick="this.form.action='some_link'" title="Title" value="" src="image.gif">
</form>

Possible duplicate of stackoverflow.com/questions/1263852/… or stackoverflow.com/questions/699065/… or many many others. — Shikiryu
– Shikiryu, Commented Nov 17, 2010 at 17:10

wajiw · Accepted Answer · 2010-11-17 17:08:06Z

5

If you don't want it to submit the form, return false at the end of your click function. If you want to submit the form, use the form element and call the submit function on it:

$('#myFormID').submit();

answered Nov 17, 2010 at 17:08

wajiw

12.3k17 gold badges56 silver badges73 bronze badges

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

Comments

MatTheCat · Accepted Answer · 2010-11-17 17:08:04Z

4

$('#form').submit(function(e) {
    // Some code
});

I think it's enough.

answered Nov 17, 2010 at 17:08

MatTheCat

18.8k6 gold badges59 silver badges70 bronze badges

2 Comments

Denys S. Over a year ago

So if I have lets say onclick="this.form.action='somelink'" it will execute and afterwards suggested code (Some code) will?

MatTheCat Over a year ago

I'm not sure. What is sure is form will be submitted. You can use e.prevendDefault(); and this.submit() if it doesn't work.

nico · Accepted Answer · 2010-11-17 17:07:48Z

0

You could use something like this (haven't tested it but it should work)

form = $("#yourform");
button = $("#yoursubmit");
button.click(function(){
             dosomething();
             form.submit();
             return false;});

answered Nov 17, 2010 at 17:07

nico

51.9k17 gold badges92 silver badges118 bronze badges

2 Comments

MatTheCat Over a year ago

What about users who submit form typing enter?

nico Over a year ago

@MatTheCat: The OP specifically asked for a click event. This solution can be applied to a generic button, even if it resides outside the form.

Collectives™ on Stack Overflow

How to prevent form on submit behavior in jquery?

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related