javascript-提交按鈕僅提交功能中的最后一個表單

Question

我有3種不同形式的提交按鈕。 我這樣提交

restaurantCreateForm = function(){
    document.getElementById("restaurant-features" ).submit();
    document.getElementById("information_form").submit();
    document.getElementById("restaurant-address").submit();
}

但是，該函數僅提交其中的最后一個表單。 有誰知道這是什么錯誤？ 我試過將它們放在for循環中，並一一提交，但它仍提交最后一張表格。

Answer 1

每當您提交表單時，瀏覽器都會將發布請求發送到服務器，並呈現其響應。 因此，當前頁面將消失。 這就是為什么您只能發送一種表格的原因，因為該頁面隨后將停止存在。 您可以改為使用AJAX進行后台請求，也可以將這三種形式重構為一種形式，或將一種形式重構為另一種形式。

Answer 2

喬納斯的答案涵蓋了您的主要問題。 此外，如果您的button元素位於表單元素之一的內部，則在單擊時將默認提交該表單。 您可以通過在按鈕的onClick偵聽器中使用event.preventDefault()來防止這種情況，也可以通過將按鈕放置在form元素之外來避免這種情況。