javascript检查表单数据是否改变的方法_javascript技巧
程序员文章站
2022-04-13 20:01:53
...
有的时候,需要检查用户是否修改了一个表单中的内容,则可以使用下面的技巧,其中如果修改了表单的内容则返回true,没修改表单的内容则返回false。代码如下:
function formIsDirty(form) {
for (var i = 0; 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 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"])) {
if (e) {
e.returnValue = "You have unsaved changes.";
}
return "You have unsaved changes.";
}
};
复制代码 代码如下:
function formIsDirty(form) {
for (var i = 0; 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 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"])) {
if (e) {
e.returnValue = "You have unsaved changes.";
}
return "You have unsaved changes.";
}
};
上一篇: Java如何调用外部接口?以一个简单的POST接口调用为例
下一篇: php5 通用兼容的公共文件.
推荐阅读
-
JavaScript检查表单是否为空的函数
-
JavaScript检查数据中是否存在相同的元素(两种方法)
-
JavaScript检查表单是否为空的函数
-
JavaScript检查数据中是否存在相同的元素(两种方法)
-
javascript检查数据中是否存在相同的元素
-
判断iframe是否加载完成的完美方法_javascript技巧
-
Grid得到选择行数据的方法总结_javascript技巧
-
js中判断对象是否为空的三种实现方法_javascript技巧
-
js中判断对象是否为空的三种实现方法_javascript技巧
-
window.location.href中url中数据量太大时的解决方法_javascript技巧