Prompt confirm before Leaving edited html form

Question

If user tries to leave unsaved edited form, a message box pop-up

\"This page is asking you to confirm that you want to leave - data you have entered may not be saved. Le

Answer 1

You can easily protect your form with jQuery with this simple unobtrusive code. Put in just before your closing tag.

(function () {
    jQuery('form').one('change', function () {
        window.onbeforeunload = function () {
            return 'Form protection';
        };
    });
})();