检查表单中输入元素更改的方法

Question

无论如何，是否需要检查表单中的任何HTML组件（即输入元素）值是否已更改，以便我可以弹出警告说“想保存更改”？ 导航到其他页面之前。

谢谢。

Answer 1

由于您的问题中包含jQuery ：

页面加载后，使用$ .serialize创建表单的快照。

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

然后，您可以使用（或创建）一个isEqual函数来比较是否发生了更改。

这个问题可能对您的最后一步有所帮助： 如何确定两个JavaScript对象的相等性？

编辑

jQuery还有一个serializeArray方法，可以使该过程更容易。

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

Answer 2

jQuery('.form_component').change(function (){..}); ，其中form_component应该是表单中所有输入元素的通用类。