html - How send a form with Javascript when input name is "submit"? - Stack Overflow

admin管理员组

文章数量:1191309

Question: How can you send a form with Javascript if one form input has the name submit?

Background: I am redirecting the user to another page with a hidden HTML form. I cannot change name on the (hidden) inputs, since the other page is on another server and the inputs need to be exactly as they are. My HTML form looks like this:

<form id="redirectForm" method="post" action="/">
  <input name="search" type="hidden" value="search for this" />
  <input name="submit" type="hidden" value="search now" />
</form>

I use the following javascript line to send the form automatically today:

document.getElementById('redirectForm').submit();

However, since the name of one input is "submit" (it cannot be something else, or the other server won't handle the request), document.getElementById('redirectForm').submit refers to the input as it overrides the form function submit().

The error message in Firefox is: Error: document.getElementById("requestform").submit is not a function. Similar error message in Safari.

Question: How can you send a form with Javascript if one form input has the name submit?

Background: I am redirecting the user to another page with a hidden HTML form. I cannot change name on the (hidden) inputs, since the other page is on another server and the inputs need to be exactly as they are. My HTML form looks like this:

<form id="redirectForm" method="post" action="http://www.example.com/">
  <input name="search" type="hidden" value="search for this" />
  <input name="submit" type="hidden" value="search now" />
</form>

I use the following javascript line to send the form automatically today:

document.getElementById('redirectForm').submit();

However, since the name of one input is "submit" (it cannot be something else, or the other server won't handle the request), document.getElementById('redirectForm').submit refers to the input as it overrides the form function submit().

The error message in Firefox is: Error: document.getElementById("requestform").submit is not a function. Similar error message in Safari.

• javascript
• html
• form-submit

Share Improve this question Follow edited Apr 18, 2016 at 10:46 Quentin 943k132132 gold badges1.3k1.3k silver badges1.4k1.4k bronze badges asked Jan 4, 2012 at 15:27 AndersTornkvistAndersTornkvist 2,6292121 silver badges3838 bronze badges 2

• Have you tried with document.getElementById('redirectForm').submit.click()? :P – Stefan Commented Jan 4, 2012 at 15:32
• @Stefan I'm sorry, but it doesn't submit the form. The input with the name submit does not have the type attribute submit or button but hidden. – AndersTornkvist Commented Jan 4, 2012 at 15:47

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 17

Worth noting: It's often a lot easier to just change the input name to something other than "submit". Please use the solution below only if that's really not possible.

You need to get the submit function from a different form:

document.createElement('form').submit.call(document.getElementById('redirectForm'));

If you have already another <form> tag, you can use it instead of creating another one.

Use submit() method from HTMLFormElement.prototype:

HTMLFormElement.prototype.submit.call(document.getElementById('redirectForm'));

本文标签： htmlHow send a form with Javascript when input name is quotsubmitquotStack Overflow