dirtyFields jQuery Demonstration

The following form demonstrates the use of the plugin with the "denoteFormDirty" option set to true (meaning a CSS class will be applied to the form if any field is currently dirty) and the "denoteChangedOptions" option set to true (meaning that any changes to the selected options within a multi-select <select> element will have a CSS class applied to them).

The box below the form will display the data returned by the two callbacks in the plugin (fieldChanged and formIsDirty) to illustrate how they work. The formIsDirty function will also determine whether or not the "submit" button for the form is enabled.

Make changes to the form to see how the changes are documented. Click the Fake Submit button to simulate a form submission and run the public plugin function "resetForm", which will update the starting values of each form field and mark everything as clean.

8-Ball
9-Ball
3-Ball
1-Ball
Snooker

Active
Inactive
Ineligible
Disbanded