Chrome - how to submit by javascript a form having input name=submit?

Question

I run into absolutely wierd Chrome's behavoir. Below is the code

<form method="post" id="form" accept-charset="UTF-8" action="/lalala">
<input type="submit"  />
<input type="text" name="submit" value="Post this" />
</form>

<script>
    setTimeout(function(){ 
        var forma = document.getElementById("form");
        console.log(forma.submit);
        forma.submit(); 
    },30000);
</script>

it prints to Chrome debug window

<input type="text" name="submit" value="Post this">
Uncaught TypeError: object is not a function

i.e. document.getElementById("form").submit is an input, but not submit callback!!

Is it possible to submit this form keeping input name=submit?

Try document.forms["form"].submit()

Rhumborl
– Rhumborl

2014-12-07 08:46:01 +00:00
Commented Dec 7, 2014 at 8:46 — Rhumborl
– Rhumborl, Commented Dec 7, 2014 at 8:46

Sarbbottam · Accepted Answer · 2014-12-07 09:00:30Z

1

Is it possible to submit this form keeping input name=submit?

I believe, the answer is NO.

I run into absolutely wierd Chrome's behavoir.

I could find the problem in Firefox too.

The moment you use the key word submit as either the name or id of an element within a form, the form.submit turns in to an object referring the corresponding node instead of the function to submit the form.

Please refer the JSFiddle

<form method="post" id="form" accept-charset="UTF-8" action="/lalala">
    <input type="submit" />
    <input type="text" name="submit" value="Post this" />
</form>


var form = document.getElementById("form");
console.log(typeof form.submit);

answered Dec 7, 2014 at 9:00

Sarbbottam

5,6054 gold badges33 silver badges41 bronze badges

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

Comments

zzmaster · Accepted Answer · 2014-12-07 09:46:13Z

0

OK I've found the solution:

<input id="submit" type="submit" />
<script>
var button = document.getElementById("submit");
button.click();
</script>

answered Dec 7, 2014 at 9:46

zzmaster

3271 gold badge6 silver badges17 bronze badges

Collectives™ on Stack Overflow

Chrome - how to submit by javascript a form having input name=submit?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related