抱歉回答晚了，但对于那些仍然面临同样错误的人。消除此错误:

<form method="POST">
  <input type="text"/>
  <input type="submit" id="submit-form" value="Submit Form" style="display: none;"/>
</form>

<!-- Other element that will submit the form -->
<button onclick="submitTheForm()">Submit the form</button>

<script>
function submitTheForm(){
  document.getElementById("submit-form").click();
}
</script>

解释:

javascript函数submitTheForm()正在访问提交输入元素并调用其上的click事件，从而导致表单提交。

这个解决方案是终身的，几乎100%兼容所有浏览器。

如果您没有机会更改名称="submit"，您也可以通过这种方式提交表单:

function submitForm(form) {
    const submitFormFunction = Object.getPrototypeOf(form).submit;
    submitFormFunction.call(form);
}

我有同样的问题，当我创建一个MVC应用程序使用母版页。 尝试寻找元素与“提交”作为名称如上所述，但它不是这样的。

对于我的情况，它在我的页面上创建了多个标签，因此引用正确的表单存在一些问题。

为了解决这个问题，我将让按钮处理要使用的表单对象:

onclick="return SubmitForm(this.form)"

用js:

function SubmitForm(frm) {
    frm.submit();
}

这个话题已经有很多答案了，但对我来说，最好的一个(也是最简单的——一行!)是对尼尔·e·皮尔森在2013年4月21日发表的评论的修改:

如果你的提交按钮是#submit，你可以通过窃取另一个表单实例的submit()方法来解决这个问题。

我对他的方法进行了修改，哪些对我有效:

文档字符串文字(“表单”)提交。call(文档getElementById (frmProduct));

我的解决方案是设置按钮的“form”属性

<form id="form_id_name"><button name="btnSubmit" form="form_id_name" /></form>

或者是js:

YOURFORMOBJ.getElementsByTagName("button")[0].setAttribute("form", "form_id_name");
YOURFORMOBJ.submit();

使用getElementById:

document.getElementById ('frmProduct').submit ()