A jQuery plugin to prevent a user to navigate off of a page without saving the form data

jquery.formrescuer.js

;(function($) {
				
	var settings = {
		'warnings' : {
			'unsavedform': 'ACHTUNG: Ihre Änderungen wurden noch nicht gespeichert!\n\nDrücken Sie "Auf dieser Seite bleiben" und speichern Sie die Daten! Wenn Sie auf "Diese Seite verlassen" klicken gehen Ihre Änderungen verloren!',
			'unsavedtab': 'ACHTUNG: Ihre Änderungen wurden noch nicht gespeichert!\n\nDrücken Sie "Abbrechen" und speichern Sie die Daten! Wenn Sie auf "OK" klicken gehen Ihre Änderungen verloren!'
		},
		'submitted' : false
	};
		
	var methods = {
		
		init : function(options){
			if(options){
				$.extend(settings, options);
			}
			// reference to the form
			settings.form = this;
			// reference to the form DOM element
			var formNode = settings.form.get( 0 );
			// initial form data on page load
			settings.formData = methods.getFormData();
			// check if form has been submitted to avoid false alarms
			$(this).submit(function(){
				if( ! methods.hasFormValidation() || formNode.hasAttribute( 'novalidate' ) || formNode.checkValidity()){
					settings.submitted = true;
				}
			});
			// show a message on unload if the form data has been changes but not been saved before
			$(window).on('beforeunload', function(){
				return methods.checkFormData();				
			});
		},
		
		checkFormData : function(){
			if(!settings.submitted && JSON.stringify(settings.formData) != JSON.stringify(methods.getFormData())){
				return settings.warnings.unsavedform;
			}
		},
		
		getFormData : function(){
			var formArray = $(settings.form).serializeArray();
			var formValues = [];
			$.each(formArray, function(i, elm){
				if(settings.excludedFields){
					if($.inArray(elm.name, settings.excludedFields) == -1){
						formValues.push(elm);
					}	
				} else {
					formValues.push(elm);
				}
			});
			return formValues;
		},
		
		hasFormValidation : function (){		
		    return ( typeof document.createElement( 'input' ).checkValidity == 'function' );		
		}
	};
	
	$.fn.formrescuer = function(method) {
		if ( methods[method] ) {
			return methods[method].apply( this, Array.prototype.slice.call( arguments, 1 ));
		} else if ( typeof method === 'object' || ! method ) {
			return methods.init.apply( this, arguments );
		} else {
			$.error( 'Method ' +  method + ' does not exist on jQuery.formrescuer' );
		}
	};
	
})(jQuery);

Just select the form to rescue and call the plugin on it (you may exclude some fields to be checked):

var formRescuer = jQuery('#form').formrescuer({
    excludedFields: ['spam_protect']
});