Jquery submit() function doesn't work

Question

Here's my code:

function checkupload(){ if(upload == false) { alert("Please upload a file"); return false; } (...) $('#download_form').submit(); alert('submitted'); } My HTML: <form action="http://localhost/rendu/download.php" method="post" id="download_form"> <input type="hidden" name="57" id="in_57"/> <input type="hidden" name="72" id="in_72"/> <input type="hidden" name="png" id="in_png"/> <input type="hidden" name="ico" id="in_ico"/> <a onclick='checkupload()'><img src="images/download_normal.png" onmouseover="mover()" onmouseout="mout()"/></a> </form>

No matter what I do the form won't get submitted. I've taken a look at the requests and there's no request sent to the download.php page, but the alert message is displayed.

What am I missing? Thanks.

it's defined earlier in the code. There is no error in the console. — user1319182
– user1319182, Commented Oct 9, 2012 at 19:11
jsfiddle from cljk answer below ( jsfiddle.net/FXd8p ) reproduces your code, and the form submits. So there must be something else we are not aware of. — Pandaiolo
– Pandaiolo, Commented Oct 9, 2012 at 19:14

cljk · Accepted Answer · 2012-10-09 19:10:41Z

2

You mixed up two things: binding to the event-handler and calling the form submission.

Compare http://jsfiddle.net/FXd8p/

and http://api.jquery.com/submit/

answered Oct 9, 2012 at 19:10

cljk

9761 gold badge8 silver badges21 bronze badges

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

2 Comments

user1319182 Over a year ago

I think you're right. Then how can I submit a form from JavaScript?

cljk Over a year ago

Your current version (using submit()) should work - but check the console. Perhaps "upload" (line 2) is not defined elsewhere and the script fails.

Adil · Accepted Answer · 2012-10-09 19:00:44Z

1

Call submit without putting alert into it.

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

answered Oct 9, 2012 at 19:00

Adil

148k25 gold badges217 silver badges207 bronze badges

4 Comments

user1319182 Over a year ago

That's what I did on the first place but the result is the same.

calvinf Over a year ago

@Adil: nobody's going to be able to visit a site on your localhost.

user1319182 Over a year ago

Yes I made another html page which works fine with this code: <form action="localhost/rendu/download.php" method="post"> <input type="submit"/> </form>

Adil Over a year ago

Yes true @calvinf, I just want to make sure he has the valid url.

Collectives™ on Stack Overflow

Jquery submit() function doesn't work

2 Answers 2

2 Comments

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

4 Comments

Related