jQuery：警告如果textarea已更改

Question

您能否推荐一些轻量级jQuery插件来检测由选择器指定的字段是否已更改？

E.g.像这个在SO上，当我想在后期编辑期间重新加载页面时显示确认对话框。

Answer 1

这太基本/特定功能可能有自己的插件。

所有你需要做的是，如果存储的任何元素改变时设置为true一个布尔值：

var changed = false; 

$(document).ready(function() { 
    $('.watch-for-changes').change(function() { 
     change(); 
    }); 
    window.onbeforeunload = function() { 
     if (hasChanged()) { 
      return "There are unsaved changes on the page."; 
     } 
    }; 
} 

function change() { 
    changed = true; 
} 

// use this to programmatically change an input field 
function changeValue(elField, value) { 
    $(elField).val(value); 
    change(); 
} 

function hasChanged() { 
    return changed; 
} 

编辑：以前使用的onbeforeunload是不正确的。有关其用法的更多详细信息，请参阅this page。

Answer 2

无插件是必要的：

$('selector').change(function() { alert('I've changed!'); }); 

在这样一个不同的是，它检查是否一个框为空或有默认的文本中它，你做一个动作之前。它不会被触发“变化”。

Answer 3

实际上，它可能比其他答案中提到的稍微复杂一些，只是提交表单也会触发事件。

事情改变了现在：有IS一个真正有用的jquery插件，正是你所要求的：are-you-sure。

你可以看到它是如何与他们的demo page。