JavaScript 实现表单数据变更检测与未保存提示

表单变更检测逻辑实现

在某些场景下，开发者需要判断用户是否对表单内容进行了修改。若表单内容发生过变更，则返回 true；若未发生变更，则返回 false。具体实现代码如下：

 
function formIsDirty(form) {
for (var i = 0; i < form.elements.length; i++) {
var element = form.elements[i];
var type = element.type;
if (type == "checkbox" || type == "radio") {
if (element.checked != element.defaultChecked) {
return true;
} 
} 
} else if (type == "hidden" || type == "password" || type == "text" || type == "textarea") {
if (element.value != element.defaultValue) {
return true;
} 
} 
} else if (type == "select-one" || type == "select-multiple") {
for (var j = 0; j < element.options.length; j++) {
if (element.options[j].selected != element.options[j].defaultSelected) {
return true;
} 
} 
} 
} 
}
} 
}
}
}
return false;
}
} 
浏览器关闭前的未保存提示window.onbeforeunload = function(e) {
} 
};