javascript 判断表单信息是否更改过

使用场合：当某个页面数据修改时，需要执行某些操作时   
在页面的body加载事件（onload）中加上initFileds()就可以记录页面的初始数据
在需要判断页面数据是否改变时调用checkModification()方法就可判断数据是否改变
返回值为true就是已经改变
返回值为false就是没有改变
   
  

[javascript] view plain copy

1. // 页面编辑数据  
2.   var inputsData;  
3.   var textareasData;  
4.   var selectsData;  
5.   // 记录下表单中的原始值  
6.   function initFileds() {  
7.       var inputs = document.getElementsByTagName("input");  
8.       var textareas = document.getElementsByTagName("textarea");  
9.       var selects = document.getElementsByTagName("select");  
10.       inputsData = new Array(inputs.length);  
11.       for (var i=0;i<inputs.length;i++) {  
12.           inputsData[i] = inputs[i].value;  
13.           if (inputs[i].type=="radio") {  
14.               inputsData[i]=inputs[i].checked;  
15.           }  
16.       }  
17.       textareasData = new Array(textareas.length);  
18.       for (var i=0;i<textareas.length;i++) {  
19.           textareasData[i] = textareas[i].value;  
20.       }  
21.       selectsData = new Array(selects.length);  
22.       for (var i=0;i<selects.length;i++) {  
23.           selectsData[i] = selects[i].value;  
24.       }  
25.   }  

     /*
  

[javascript] view plain copy

1. * 判断表单中值是否被修改了  
2.     * submitCommand 表单有改动时,执行的javascript代码  
3.     */  
4.    function checkModification(submitCommand) {  
5.        var inputs = document.getElementsByTagName("input");  
6.        var textareas = document.getElementsByTagName("textarea");  
7.        var selects = document.getElementsByTagName("select");  
8.        var hasBeenChanged = false;  
9.        for (var i=0;i<inputs.length;i++) {  
10.            if (inputs[i].type=="radio"&&(inputs[i].checked!=inputsData[i])) {  
11.                hasBeenChanged = true;  
12.                inputsData[i]=inputs[i].checked;  
13.            }  
14.            if (inputs[i].type!="radio"&&inputsData[i]!=inputs[i].value) {  
15.             if(inputs[i].name!="actionType"){  
16.                 hasBeenChanged = true;  
17.                }  
18.                inputsData[i]=inputs[i].value;  
19.            }  
20.        }  
21.        for (var i=0;i<textareas.length;i++) {  
22.            if (textareasData[i]!=textareas[i].value) {  
23.                hasBeenChanged = true;  
24.                textareasData[i]=textareas[i].value;  
25.            }  
26.        }  
27.        for (var i=0;i<selects.length;i++) {  
28.            if (selectsData[i]!=selects[i].value) {  
29.                hasBeenChanged = true;  
30.                selectsData[i]=selects[i].value;  
31.            }  
32.        }  
33.         if (hasBeenChanged&&confirm("数据已经改变,是否保存？")) {  
34.             eval(submitCommand);  
35.         }  
36.    }