Cannot programmatically submit form [duplicate]

Question

Cannot get my form to submit programmatically, despite trying several ways. Tried pure JS, also tried jQuery. No success.

I have this form tag :

<form action="https://docs.google.com/forms/d/13zex8ZsEsnZz3A8uB4jU4oDb5wZfaqqq2Pq2CGlIe6M/formResponse" method="POST" id="ss-form" target="_self" onsubmit="" name="eForm">
    <!--My Form Stuff-->
    <input type="submit" name="submit" value="Submit" id="ss-submit">
</form>

Here is what i've tried :

/*jQuery*/
$('#ss-form').submit();

/*Javascript*/
document.getElementById('ss-form').submit();
document.eForm.submit();

None of them work. Not sure why, but I am assuming it has something to do with me trying to submit a google form. If I physically click the submit everything works fine.

Any and all help is greatly apprecaiated.

Maybe you have more JS which causes a problem? Do you see any errors ? — putvande
– putvande, Commented Jun 23, 2014 at 16:03
@putvande no console errors. Everything else is working fine. — Adjit
– Adjit, Commented Jun 23, 2014 at 16:03
@Adjit out of curiosity, can you use one of those lines you proposed in the console? — esqew
– esqew, Commented Jun 23, 2014 at 16:04
This is because your submit input name is submit ... and it is restricted name that overrides form.submit() function... just rename it to something else like submiter and it will work. — Flash Thunder
– Flash Thunder, Commented Jun 23, 2014 at 16:33

Ionică Bizău · Accepted Answer · 2014-06-23 16:23:11Z

10

The problem is that you have a field (HTMLInputElement) with name submit in the form. That's why document.getElementById('ss-form').submit is not a function but an object.

So, you get the following error:

TypeError: object is not a function

The solution is to remove that element. We should be careful to verify if browser thinks it's an element and not a function:

if (typeof document.getElementById('ss-form').submit === "object") {
    document.getElementById('ss-form').submit.remove();
}
document.getElementById('ss-form').submit();

answered Jun 23, 2014 at 16:23

Ionică Bizău

114k95 gold badges311 silver badges491 bronze badges

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

3 Comments

Adjit Over a year ago

Nailed it! I thought I had checked that... because I recall seeing that issue elsewhere. Needless to say, thanks for all the help... spent way too long scratching my head on this one.

Ionică Bizău Over a year ago

Cool, take a look at this question as well: stackoverflow.com/q/833032/1420197

Adjit Over a year ago

Thats exactly where I saw it when I was looking how to programmatically submit a form. Don't know why I didn't realize it sooner.

Collectives™ on Stack Overflow

Cannot programmatically submit form [duplicate]

1 Answer 1

3 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Linked

Related