我有一个带有 id 的表单，theForm它有以下 div，里面有一个提交按钮：
<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>
单击时，将placeOrder()调用该函数。该函数将上述 div 的 innerHTML 更改为“正在处理...”（因此提交按钮现在消失了）。
上面的代码有效，但是现在的问题是我无法提交表单！我试过把它放在placeOrder()函数中：
document.theForm.submit();
但这不起作用。
我怎样才能让表格提交？
将name表单的属性设置为"theForm"，您的代码将起作用。
您可以使用...
document.getElementById('theForm').submit();
...但不要替换innerHTML. 您可以隐藏表单，然后插入一个处理... span，它将出现在它的位置。
var form = document.getElementById('theForm');
form.style.display = 'none';
var processing = document.createElement('span');
processing.appendChild(document.createTextNode('processing ...'));
form.parentNode.insertBefore(processing, form);
在我的情况下它完美地工作。
document.getElementById("form1").submit();
此外，您可以在如下函数中使用它：
function formSubmit()
{
document.getElementById("form1").submit();
}
document.forms["name of your form"].submit();
或者
document.getElementById("form id").submit();
你可以尝试任何一个......这肯定会奏效......
我将离开我提交表单的方式，而不使用表单中的name标签：
<button type="submit" onClick="placeOrder(this.form)">Place Order</button>
function placeOrder(form){
form.submit();
}