Как отслеживать изменения, сделанные на HTML-странице

Question

Я нашел эту ситуацию очень интересной, и я надеюсь, что это также для вас. У меня есть исчерпывающая страница ввода данных с 50-70 элементами формы, загруженными предварительно заполненными значениями.

Теперь при отправке мне нужно показать на следующей странице измененные элементы формы . Значения, такие как Метка, Старое значение, Новое значение.

Каким будет идеальный способ добиться этого? Я ищу общий impl, так как я хотел бы использовать его много раз. Мои навыки игры с HTML DOM очень ограничены, но я могу найти способ, если вы поможете мне с подходом.

Answer 1

Вы можете добавить атрибут ко всем <input />, чтобы сохранить исходное значение.

Вы можете легко сделать это с помощью jQuery:

$("input").each(function() {
    $(this).attr("originalValue", $(this).val()); 
});

И затем сравнить его с новым значением, когдапользователь нажал кнопку «Отправить».

Демо: http://jsfiddle.net/uUGrU/14/