Comment suivre les modifications apportées à une page HTML

Question

J'ai trouvé cette situation très intéressante et j'espère que c'est aussi le cas pour vous. J'ai une page d'entrée de données exhaustive avec 50-70 éléments de formulaire chargés avec des valeurs pré-remplies.

Maintenant sur soumettre, je dois montrer dans la page suivante, les éléments de forme qui sont changés. Valeurs telles que, Libellé, Ancienne valeur, Nouvelle valeur.

Quelle serait une façon idéale d'y parvenir? Je suis à la recherche d'un implicament générique puisque je voudrais le réutiliser plusieurs fois. Mes compétences à jouer avec un DOM HTML sont très limitées mais je peux trouver un moyen si vous pouvez me guider avec une approche.

Answer 1

Vous pouvez ajouter un attribut à tous <input /> pour enregistrer la valeur d'origine.

Vous pouvez facilement le faire avec jQuery:

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

Et puis comparer avec la nouvelle valeur lorsque l'utilisateur a frappé le bouton Soumettre.

Démo: http://jsfiddle.net/uUGrU/14/