[SOLVED]Form check if anything is changed or not

[jega]

Hi.

The onChange event can be fired when an element is changed.

But how to "Unchange" when the user have written something in a textbox, and deleted it again.

What i want is, that when user change something the save button must be enabled, but also when user delete the change, the savebutton must disable again, as no change is done.

Jesper

[jega]

Is there anyone that have an solution.



Jesper

[jarry]

Compare the editing data with the original data, if something is changed then enable the saving button.

Code:

$('#ff').form({
	originalData: $('#ff').serialize(),
	onLoadSuccess: function(data){
		var opts = $(this).form('options');
		opts.originalData = $(this).serialize();
	},
	onChange: function () {
		var opts = $(this).form('options');
		var data = $(this).serialize();
		var dirty = data != opts.originalData;
		if (dirty){
			// enable button
		}
	}
})

[jega]

Hi Jarry.

In between i found a solution, and it is similar to yours.

<form id="fmEditProfile" method="post" class="easyui-form" novalidate data-options="
      onLoadSuccess: function() {
         $('#saveButton').linkbutton('disable');
         origForm = $('#fmEditProfile').serialize();
      },
      onChange: function(target){
         if ($(this).serialize() !== origForm) {
            $('#saveButton').linkbutton('enable');
         } else {
            $('#saveButton').linkbutton('disable');
         }
      }">


Thanks anyway