jquery - 我如何知道表单输入已更改？

Question

我有一个由 <% Ajax.BeginForm() {} %> 生成的表单其中包含大量输入和 texarea。

当输入值发生变化时，我需要了解它并将输入和表单标记为“脏”。如果用户尝试在不保存的情况下离开页面，我会要求他或她确认放弃更改。

对于如何完成此操作有什么建议吗？

Answer 1

复活这个老问题是因为我想到了一个更简单/更好的方法。您可以序列化初始表单数据，存储它，然后稍后再次序列化并检查它是否已更改，而不是监听各种输入上的事件，如下所示:

var originalFormData = $('form#formId').serialize();
function checkFormChanged() {
    if(originalFormData !== $('form#formId').serialize()) {
        //it's dirty!
    }
}

这里的另一个优点是，如果用户进行更改然后恢复它，则此检查会将表单报告为干净。