Javascript submit() doesn't trigger form submission

Question

This is the code that isn't working:

<form id="paypal" name="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_parent" />Official website!
    <input type="hidden" name="item_name" value="Donation">
    <input type="hidden" name="cmd" value="_donations">
    <input type="hidden" name="bn" value="PP-DonationsBF">
    <input type="hidden" name="currency_code" id="currency_code" value="GBP" >
    <input type="hidden" name="business" id="business" value="[email protected]" >

    <a href="javascript: donate(paypal);" class="button1"><span></span><strong>£<input name="amount" type="text" id="ppAmount" style="text-align:center;" value="5" size="2" /> Donate!</strong></a>

    <input type="submit">
</form>

<div id="formtesting"></div>

<script type="text/javascript">

function donate(paypal) {
    document.getElementById("formtesting").innerHTML="maybe...";
    document.forms["paypal"].action = "https://www.paypal.com/cgi-bin/webscr";
    document.forms["paypal"].submit();
    document.getElementById("formtesting").innerHTML="did it work?";
}

</script>

I want it to submit when clicking on "button1", using "javascript: donate(paypal)" the submit button works fine.. (it prints "maybe" in the formtesting div but not "did it work?" :/)

As far as I know, I don't think that any code after submit() will execute. Please do correct me if I'm mistaken — Chetter Hummin
– Chetter Hummin, Commented Mar 12, 2012 at 10:09
Is it a typo or your <form> tag is really closed in the first line of this code snippet? — n1313
– n1313, Commented Mar 12, 2012 at 10:11

costr · Accepted Answer · 2016-08-19 14:11:25Z

41

I ran into the issue of myForm.submit() was not submitting the form. Turns out that my problem was that my submit button's id was 'submit'. Once I changed my id to another name, viola, it worked. Hopefully this helps someone else out there who's run into this same variation of this problem.

EDIT: Also make note of MalcomOcean's comment, below, where the name tag can also cause this issue

edited Aug 19, 2016 at 14:11

answered Jun 22, 2013 at 4:44

costr

6847 silver badges8 bronze badges

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

6 Comments

MalcolmOcean Over a year ago

THANK YOU. Though in my case it was the name of the submit button, not the id.

user3032481 Over a year ago

You save my day!

iiic Over a year ago

IF you using form.dispatchEvent( new Event( 'submit' ) ); instead of form.submit() form item named 'submit' will not be problem anymore.

Baterka Over a year ago

wow... just wow

flochristos Over a year ago

This has helped me too, despite the fact that i have several AIs to support...

|

Gaurav Agrawal · Accepted Answer · 2012-03-12 10:11:38Z

5

Use this code it will work

function donate() {
document.getElementById("formtesting").innerHTML="maybe...";
document.paypal.action = "https://www.paypal.com/cgi-bin/webscr";
document.paypal.submit();
document.getElementById("formtesting").innerHTML="did it work?";
}

Here paypal is name of the form.

answered Mar 12, 2012 at 10:11

Gaurav Agrawal

4,44110 gold badges47 silver badges64 bronze badges

3 Comments

Gaurav Agrawal Over a year ago

in which browser you are using?

Piotr Dobrogost Over a year ago

Could you please explain why document.paypal works whereas document["paypal"] does not?

GeneCode Over a year ago

document.forms is an array. So document.forms["paypal"] doesn't make sense because array needs index number, not a string.

nshweta · Accepted Answer · 2015-05-08 06:24:02Z

3

Faced the same issue, submit from javascript was not submitting the form. Tried all ways of submitting form from javascript like document.formname.submit() OR document.getElementById("formId").submit(). But these didnt work.

The problem was in my html page, there was another button (not the one I was clicking) and name of that button was "submit". When i changed that name to something else, my form was getting submitted.

answered May 8, 2015 at 6:24

nshweta

5092 gold badges7 silver badges19 bronze badges

Comments

James John McGuire 'Jahmic' · Accepted Answer · 2017-05-15 15:49:07Z

0

For me, this was caused by trying to access elements that don't exist. Even viewing in the developer console, there will be no error log notice, but the code will abort. My code:

function MoveImageUp(id)
{
    document.fms.aid.value= id;
    document.fms.mode.value='up'; // die! the form has no element called aid

    document.fms.submit();
}

Double check all referenced elements.

answered May 15, 2017 at 15:49

James John McGuire 'Jahmic'

12.8k11 gold badges78 silver badges84 bronze badges

Comments

JonesJr876 · Accepted Answer · 2017-10-11 23:32:25Z

0

Remove all "<" form ">" open and close tags and if you are using document.createElement("form");

answered Oct 11, 2017 at 23:32

JonesJr876

615 bronze badges

Collectives™ on Stack Overflow

Javascript submit() doesn't trigger form submission

5 Answers 5

6 Comments

3 Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

6 Comments

3 Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related