检查表单数据是否改变
类别:Web前端 浏览量:181
时间:2015-1-11 检查表单数据是否改变
检查表单数据是否改变下面介绍一种检查表单数据是否改变的方法,如果修改了表单的内容则返回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) {
e = e || window.event;
if (formIsDirty(document.forms["someForm"])) {
// IE 和 Firefox
if (e) {
e.returnValue = "You have unsaved changes.";
}
// Safari 浏览器
return "You have unsaved changes.";
}
};
标签:Form表单
热门推荐
- linux巡检命令手册(Linux xargs命令的使用)
- C#常用的命名规范
- 微信小程序canvas缩放(微信小程序之html5 canvas绘图并保存到系统相册)
- css中分割线的渐变效果(CSS学习笔记之可重复渐变repeating-linear-gradient)
- 私有云服务器是什么意思(私有云服务器选择配置的依据是什么?)
- python继承重写构造函数(Python子类继承父类构造函数详解)
- vuex原理及使用方法(Vuex状态机的快速了解与实例应用)
- druid数据库连接池原理详解(阿里巴巴Druid,轻松实现MySQL数据库加密!)
- dedecms SQL语句教程(dedecms各种数字统计SQL语句 包括评论条数,总文档数等等[附修修改版本])
- IEnumerable、GetEnumerator、IEnumerator之间的关系