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

Question

有没有检查任何形式的HTML组件（即输入元素）值已更改，以便我可以弹出一个警告说“＃34;想保存更改？＆＃34;在导航到其他页面之前。

感谢。

Answer 1

由于您的问题中有jQuery：

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

在提交时，再次运行序列化。

然后你可以使用（或创建）isEqual函数来比较是否有变化。

这个问题可能会帮助您完成最后一步：How to determine equality for two JavaScript objects?

修改

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

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

Answer 2

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