[javascript] 자바 스크립트를 사용하여 양식을 제출하는 방법은 무엇입니까?

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을 “processing …”으로 변경합니다 (따라서 제출 버튼이 사라짐).

위의 코드는 작동하지만 문제는 양식을 제출할 수 없다는 것입니다! 이것을 placeOrder()함수 에 넣으려고했습니다 .

document.theForm.submit();

그러나 그것은 작동하지 않습니다.

양식을 제출하려면 어떻게해야합니까?

답변

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

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();

<button type="submit" onClick="placeOrder(this.form)">Place Order</button>

function placeOrder(form){
    form.submit();
}

<!-- change id attribute to name  -->

<form method="post" action="yourUrl" name="theForm">
    <button onclick="placeOrder()">Place Order</button>
</form>

function placeOrder () {
    document.theForm.submit()
}

document.getElementsByClassName("theForm")[0].submit();