Formunloadalert pattern.

November 2, 2023 ยท View on GitHub

Show a warning if the user leaves an unsaved form.

Configuration

OptionTypeDefaultDescription
changingEventsstring"change keyup paste"Events on which to check for changes (space-separated).
changingFieldsstring"input,select,textarea,fileupload"Fields on which to check for changes (comma-separated).
messagestring"Discard changes? If you click OK, any changes you have made will be lost."Confirmation message to display when dirty form is being unloaded.

Examples

Example 1


Click here to go somewhere else
<form class="pat-formunloadalert" onsubmit="javascript:return false;">
    <input type="text" value="" />
    <select>
        <option value="1">value 1</option>
        <option value="2">value 2</option>
    </select>
    <input class="btn btn-large btn-primary" type="submit" value="Submit" />
    <br />
    <a href="/">Click here to go somewhere else</a>
</form>