使用 Javascript 从 html 提交表单？

Question

我的 html 页面上有一个表单，其中包含 name="submitform" and id="submitform"

我想使用 Javascript 和该页面上的以下脚本提交它：

document.forms("submitform").submit();

我在表单中的提交按钮有 name="btnSubmit"，所以它不会覆盖原来的功能。

然而，它不起作用

我得到：[Error] TypeError: '[object HTMLCollection]' is not a function (evaluating 'document.forms("submitform")'

怎么办？

谢谢！

更新 - 完整代码

 <form action='/post' name='submitform' id="submitform" method='post' class='pure-form'>

                    <textarea columns="40" rows="4" name='entry[body]' id="statement" placeholder='enter a note here to visualize the words and their connections, you can also use #hashtags and @mentions.'><% if (url) { %><%= urltitle %> <%= url %><% } %></textarea>
                    <div id="addToContextsLabel">contexts:</div>
                    <ul id="addToContexts"></ul>
                    <input type="hidden" id="addedContexts" name="addedContexts">
                    <input type="hidden" id="context" name="context" value="<%= context %>">
                    <input type="hidden" id="selectedContexts" name="selectedContexts" value="">
                    <input type="hidden" name="statementid" value="">
                    &nbsp;<br>
                    <input type='submit' id="submitbutton" name="btnSubmit" value="save" class="pure-button pure-button-primary">

            </form>

和

document.submitform.submit();

在页面上

Answer 1

使用

document.forms['submitform']

而不是圆括号。背景是，document.forms 是一个数组类型，需要这样对待。

您可以使用索引访问器

document.forms[0]

或者我上面提到的名字。

希望对您有所帮助！

Answer 2

您必须像这样提交表格

document.forms["name of your form"].submit();

使用 Javascript 从 html 提交表单？

Submit a form from html using Javascript?

javascript

forms

submit