auto save/submit form on page/browser close/exit

I have a form with a save button, but i want users to be able to come back to the form at anytime to finish filling it in. I would like to know if its possible to bypass the save button, so the user fills part of the form in, as soon as they navigate away from the page or close their browser it will save the form automatically to resume next time.

What would be the best way to impl开发者_StackOverflow社区ement this? Thanks in advance for any help, its much appreciated.

I have seen some javascript examples but have seen issues with cross browser support.

You can use an AJAX Call on unload like this:

window.onunload = myfunc();

function myfunc() {
  alert("i am closing now");
  // Your AJAX Call that saves your data (e.g. all input fields)
}

Jquery plugin, works a treat for autosave function. http://plugins.jquery.com/project/jquery-autosave

More info here: http://rikrikrik.com/jquery/autosave/#examples

include plugin:

<script type="text/javascript" src="scripts/jquery.autosave.js"></script>
    $('form.formnamehere').autosave({
      'interval': 20000
    });

Auto submits form without page refresh.

I have set my interval to one second (1000) so the form gets saved every second. Therefor if the user exits the form after editing then it has autosaved.