前段时间弄了一个判断表单是否有修改的,现在记录一下:
//初始化
$(document).ready(function(){
//获取表单刚开始的数据
initFileds();
});
//定义表单是否改变全局变量
var hasBeenChanged = false;
// 检查表单是否有修改,存储表单初始数据
var inputsData;
// 记录下表单中的原始值
function initFileds() {
var inputs = document.getElementsByTagName("input");
inputsData = new Array(inputs.length);
for (var i=0;i<inputs.length;i++) {
inputsData[i] = inputs[i].value;
if (inputs[i].type=="radio") {
inputsData[i]=inputs[i].checked;
}else{
inputsData[i] = inputs[i].value;
}
}
}
// 判断表单中值是否被修改了
function checkModifiform() {
hasBeenChanged = false;
var inputs = document.getElementsByTagName("input");
for (var i=0;i<inputs.length;i++) {
if (inputs[i].type=="radio"){
if(inputs[i].checked!=inputsData[i]){
hasBeenChanged = true;
}
}else{
if(inputsData[i]!=inputs[i].value){
hasBeenChanged = true;
}
}
}
}
//引用
function addContact(){
//检查表单是否的内容是否有修改过
checkModifiform();
if (hasBeenChanged==true) {
alert("页面数据已经修改,请保存之后再增加新的干系人!");
}else{
//写你要的操作
}
}