在提交表單之前將數據保存到JS數組中

Question

有沒有一種方法可以將javascript和jquery的表單信息存儲到變量中，只有當用戶點擊提交按鈕時，保存該數據，否則將其丟棄。

我知道html表單做同樣的事情，但我有一個例子，我可以使用相同的輸入字段添加多個內容，當用戶單擊添加按鈕內容通過ajax發送到控制器，然後插入數據庫並從數據庫中顯示立即進入。但是我不希望事先將這些數據保存到數據庫中，只有當提交完整的表單時。

因此，我想先將數據保存到某個數組，然後直接將數據保存到數據庫中，並在用戶單擊提交按鈕並將整個表單發送到服務器時將其顯示並保存到數據庫。

Answer 1

在提交表單之前，您可以使用onsubmit事件（附加在表單元素上）來執行JavaScript代碼。

因此，您可以在提交之前進行所有必要的更改，甚至可以停止提交併啓動ajax。

Answer 2

您可以添加一個事件處理程序，該程序會在每次輸入字段中使用this時發生更改時添加數據。

而且每次都相應地更新數組。您也可以使用具有不同屬性的對象，我認爲這是最好的。

Answer 3

是的，您可以通過使用下面的代碼來阻止您的表單提交。 [轉換形式的數據，以與jQuery JS對象]

$("form").submit(function(event) { 
console.log($(this).serializeArray()); 
event.preventDefault(); 
}); 

// and use this to create a json array of form. 
$(this).serializeArray(); 

Answer 4

$("form").submit(function(event) { 
    var newArray = $(this).serializeArray(); 
    event.preventDefault(); 
});