javascript檢查表單數(shù)據(jù)是否改變的方法
更新時間：2013年07月30日 16:36:41 作者：
需要檢查用戶是否修改了一個表單中的內(nèi)容，可以使用本文提供的方法，如果修改了表單的內(nèi)容則返回true，沒修改則返回false，有需求的朋友可以參考下
有的時候，需要檢查用戶是否修改了一個表單中的內(nèi)容，則可以使用下面的技巧，其中如果修改了表單的內(nèi)容則返回true，沒修改表單的內(nèi)容則返回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"])) {
if (e) {
e.returnValue = "You have unsaved changes.";
}
return "You have unsaved changes.";
}
};
復(fù)制代碼 代碼如下:
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"])) {
if (e) {
e.returnValue = "You have unsaved changes.";
}
return "You have unsaved changes.";
}
};
相關(guān)文章
這篇文章介紹了javascript中簡單的進制轉(zhuǎn)換代碼實例，有需要的朋友可以參考一下2013-10-10
這篇文章主要介紹了JS獲取當(dāng)前腳本文件的絕對路徑的相關(guān)資料，感興趣的小伙伴們可以參考一下2016-03-03
JavaScript設(shè)計模式之調(diào)停者模式實例詳解
這篇文章主要介紹了JavaScript設(shè)計模式之調(diào)停者模式,詳細分析了調(diào)停者模式的概念、原理、優(yōu)缺點并結(jié)合javascript實例形式給出了相關(guān)使用技巧,需要的朋友可以參考下2018-02-02
一個友好的.改善的 Object.prototype.toString的實現(xiàn)
一個友好的.改善的 Object.prototype.toString的實現(xiàn)...2007-04-04
小程序：授權(quán)、登錄、session_key、unionId的詳解
這篇文章主要介紹了小程序：授權(quán)、登錄、session_key、unionId的詳解，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
XMLHTTP 亂碼的解決方法（UTF8,GB2312 編碼 解碼）
XMLHTTP 亂碼的解決方法（UTF8,GB2312 編碼 解碼）（附帶解決DHTMLX不能用中文的問題）2011-01-01
這篇文章主要介紹了Bootstrap實現(xiàn)彈性搜索框的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
這篇文章主要給大家介紹了關(guān)于微信小程序開發(fā)問題之wx.previewImage的相關(guān)資料，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
canvas有一個神奇的方法getImageData，它可以獲取canvas內(nèi)圖像的每一個像素點的顏色值獲取，而且可以改變。本文將對canvas實現(xiàn)圖片的濾鏡轉(zhuǎn)化的方法進行介紹，具有很好的參考價值，下面跟著小編一起來看下吧2017-02-02
本文主要介紹了JavaScript中的AJAX的相關(guān)知識，具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03