Thursday, June 20, 2013

jQuery : Warn user for unsaved data

$(document).ready(function() {
    needToConfirm = false; 
    window.onbeforeunload = askConfirm;

function askConfirm() {
    if (needToConfirm) {
        return "Your unsaved data will be lost.";

$("select,input,textarea").change(function() {
    needToConfirm = true;

The above code checks the needToConfirm variable, if its true then it will display warning message. Whenever input, select or textarea elements value is changed, needToConfirm variable is set to true.

No comments:

Post a Comment