当输入名称为“提交”时，如何使用 Javascript 发送表单？

Question

问题：如果一个表单输入的名称为 submit，如何使用 Javascript 发送表单？

背景：我将用户重定向到另一个带有隐藏 HTML 表单的页面。我无法更改（隐藏）输入上的名称，因为另一个页面位于另一台服务器上，并且输入需要完全相同。我的 HTML 表单如下所示：

<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>

我今天使用以下 javascript 行自动发送表单：

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

但是，由于一个输入的名称是“submit”（它不能是其他名称，否则其他服务器将无法处理该请求） , document.getElementById('redirectForm').submit 引用输入，因为它会覆盖表单函数 submit()。

Firefox 中的错误消息为：错误：document.getElementById("requestform").submit 不是函数。 Safari 中出现类似错误消息。

Answer 1

值得注意：将输入名称更改为“提交”以外的名称通常要容易得多。仅当确实不可能时，才请使用下面的解决方案。

您需要从不同的表单获取 submit 函数：

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

如果您已有另一个

标签，您可以使用它而不用创建另一个标签。

Answer 2

使用 submit() HTMLFormElement.prototype 中的方法：

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