檢查表單中輸入元素更改的方法

Question

無論如何，是否需要檢查表單中的任何HTML組件（即輸入元素）值是否已更改，以便我可以彈出警告說“想保存更改”？ 導航到其他頁面之前。

謝謝。

Answer 1

由於您的問題中包含jQuery ：

頁面加載后，使用$ .serialize創建表單的快照。

提交后，再次運行序列化。

然后，您可以使用（或創建）一個isEqual函數來比較是否發生了更改。

這個問題可能對您的最后一步有所幫助： 如何確定兩個JavaScript對象的相等性？

編輯

jQuery還有一個serializeArray方法，可以使該過程更容易。

https://api.jquery.com/serializeArray/

Answer 2

jQuery('.form_component').change(function (){..}); ，其中form_component應該是表單中所有輸入元素的通用類。