检查表单数据是否改变
类别: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表单
热门推荐
- 织梦标签在哪里设置(织梦dedecms gbk站点转utf8之mip改造方案分享)
- 虚拟环境python详细教程(python创造虚拟环境方法总结)
- extjs 日期控件
- 美国云服务器的优点(美国哪个机房的云主机比较稳定?)
- css42个实用技巧(你必须要知道的几个CSS技巧)
- 阿里云服务器清除密码(阿里云服务器忘记密码怎么办?阿里云ECS密码重置图文教程)
- web服务器和http服务器的区别(浅谈WEB服务器、应用程序服务器、HTTP服务器区别)
- linux有哪些ftp服务器软件(Linux系统 改善FTP服务器的安全性)
- dedecms图集功能(DEDECMS给图集图片加上自动编号教程)
- linq中join用法