phantomwatson/form-protector

Protects users from navigating away from forms before submitting them

About

This script protects a form from being navigated away from by throwing up a confirmation dialog if information has been entered but not saved., _(*1)

Requirements

• jQuery

Installation

<script src="form-protector.js"></script>

Example

To protect a form with id MyFormId:, _(*2)

<script>
    $(document).ready(function () {
        formProtector.protect('MyFormId');
    });
</script>

This will produce a confirmation dialog if any <input>, <select>, or <textarea> has its value changed and the user navigates away by any means other than submitting the form., _(*3)

If you want to manually mark a form as having been changed:, _(*4)

<script>
    $(document).ready(function () {
        formProtector.setChanged('MyFormId');
    });
</script>

If you want to manually mark a form as having been saved (e.g. if you have an asynchronous function that stores form data):, _(*5)

<script>
    $(document).ready(function () {
        formProtector.setSaved('MyFormId');
    });
</script>