首頁 > web前端 > js教程 > 主體

javascript檢查表單資料是否改變的方法_javascript技巧

WBOY
發布: 2016-05-16 17:27:47
原創
1130 人瀏覽過

有的時候,需要檢查使用者是否修改了一個表單中的內容,則可以使用下面的技巧,其中如果修改了表單的內容則傳回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 ==🎜>}
}
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."; } };
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板