如何使用 JavaScript 提交表单？

javascript

2022-08-30 00:26:21

我有一个带有id的表单，其中包含以下div，其中包含一个提交按钮：theForm

<div id="placeOrder"
     style="text-align: right; width: 100%; background-color: white;">
    <button type="submit"
            class='input_submit'
            style="margin-right: 15px;"
            onClick="placeOrder()">Place Order
    </button>
</div>

单击时，将调用该函数。该函数将上述 div 的内部 HTML 更改为“正在处理...”（所以提交按钮现在已经消失了）。placeOrder()

上面的代码有效，但现在的问题是我无法提交表单！我尝试将它放在函数中：placeOrder()

document.theForm.submit();

但这行不通。

如何提交表单？

答案 1

将窗体的属性设置为，代码将正常工作。name"theForm"

答案 2

您可以使用...

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

...但不要替换 .您可以隐藏表单，然后插入处理... 它将出现在它的位置。innerHTMLspan

var form = document.getElementById('theForm');

form.style.display = 'none';

var processing = document.createElement('span');

processing.appendChild(document.createTextNode('processing ...'));

form.parentNode.insertBefore(processing, form);