🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Dirrty lightweight jquery plugin to detect if the fields of a form had been modified. If a field has been modified then the form is dirrtyDetect the moment when the form gets dirty, and trigger a custom event, for example enable a “save changes” buttonDetect the moment when the form gets clean again, and trigger a custom event, for example disable the “save changes” button, cause is not necesaryPrompt the user to save changes before leaving if the form is dirty

Events Forms Plugins

Documentation

dirrty

lightweight jquery plugin to detect if the fields of a form had been modified.
If a field has been modified then the form is dirrty

  • Detect the moment when the form gets dirty, and trigger a custom event, for example enable a "save changes" button
  • Detect the moment when the form gets clean again, and trigger a custom event, for example disable the "save changes" button, cause is not necesary
  • Prompt the user to save changes before leaving if the form is dirty

The name comes from Christina Aguilera's 2002 song: https://www.youtube.com/watch?v=2xMWrKhLJq4

Usage

// this can be called on individual forms by id or on "form" to target all forms // simultaneously $('#form-id').dirrty({   preventLeaving: false    // this function is called when the form.trigger's "dirty" }).on("dirty", function() {   console.log("I'm dirty!")    // this function is called when the form.trigger's "clean" }).on("clean", function() {   console.log("I'm clean!") });

Options

name description default
preventLeaving show a message when a user attempts to leave the page with a dirty form true
leavingMessage the message to show when a user tries leaving the page with a dirty form. Most modern browsers no long support setting a custom message and will show their own message regardless. "You have unsaved changes"
onDirty depricated - see change function(){}
onClean depricated - see change function(){}

Methods

$("#form-id").dirrty("isDirty");

Lets you know if the form is dirty at a givent moment

Live Demo


You May Also Like