千山鸟飞绝 万径人踪灭
勤练内功,不断实践招数。争取早日成为武林高手

在实现程序的修改模块时,要在页面端检查用户是否修改过数据,以便提醒用户及时保存修改后的数据。
实现要求:
  判断用户是否修改了输入的内容,要能判断input中的checkbox,text,radio等,不知道会多少个input,也不知道input的ID和name,要在客户端判断是否修改,不能产

生提交。还要同时满足IE和firefox两种环境。也要支持master和content页的使用。
解决方案;
  处理思路:在页面加载时记录所有的input的值或状态,如果要求在用户进行修改操作时立即调整控件状态,则在数据区div上的onclick和onkeypress事件里调用检查数据

是否改变的函数,并设置相应控件的状态(用ha_setch())。如果是在提交或用户手动控制检查过程时,则在相应的操作事件中调用检查数据是否改变(例在button的onclick

()中使用ha_checkin()控制提交)。
   以下是实现代码
var ha_last=new Array;//定义一个全局的空对象,存放所有的初始值。
function ha_get()//读取初始值
{ var ha_input = document.getElementsByTagName("input");
for (var i=0;i<ha_input.length;i++)
{
if (ha_input[i].type=="password"){ ha_last.push(ha_input[i].value);}//根本页面需要设置type的值和对象属性
if (ha_input[i].type=="radio") {ha_last.push(ha_input[i].checked);}//要保证检查的范围是否准确
}
}
window.onload=ha_get;//绑定读取初始值的函数
function ha_checkin()//检查新的输入值和初始值是否相等。返回判断结果。true为没有发生修改,false为有修改。
{ var ha_now=new Array;
var ha_input = document.getElementsByTagName("input");
for (var i=0;i<ha_input.length;i++)
{
if (ha_input[i].type=="password"){ ha_now.push(ha_input[i].value);}//根本页面需要设置type的值和对象属性。
if (ha_input[i].type=="radio") {ha_now.push(ha_input[i].checked);}//也要保证和ha_get()中检查的标签相一致
}
if (ha_now.toString()==ha_last.toString())//没修改
{return true;}
else//有修改
{return false;}
}
function ha_setch(){//设置相应的控件状态
if (ha_checkin())//没有变化
   //改变控件的显示和功能状态
else//有变化
   //改变控件的显示和功能状态
}


做了适当的修改。最后在button里面onclick直接调用

 

     var ha_last=new Array;//定义一个全局的空对象,存放所有的初始值。
            function ha_get()//读取初始值
            {
                var ha_input = document.getElementsByTagName("input");
                ha_last.push($("#select").val());//采用jquery获取select 选择的值
                for (var i=0;i<ha_input.length;i++)
                {
                    if (ha_input[i].type=="text"){ ha_last.push(ha_input[i].value);}//根本页面需要设置type的值和对象属性
                }
            }
            window.onload=ha_get;//绑定读取初始值的函数
            function ha_checkin(action)//检查新的输入值和初始值是否相等。返回判断结果。true为没有发生修改,false为有修改。
            {
                     if(action=="update"){
                    var ha_now=new Array;
                    var ha_input = document.getElementsByTagName("input");
                    ha_now.push($("#select").val());
                   
                    for (var i=0;i<ha_input.length;i++)
                    {
                        if (ha_input[i].type=="text"){ ha_now.push(ha_input[i].value);}//根本页面需要设置type的值和对象属性。
                    }
                    if (ha_now.toString()==ha_last.toString())//没修改
                    {
                        alert("没有修改");
                        return false;
                    }
                    else//有修改
                    {
                        //  return true;
                    }
                }
            }

 


 
        

 

 

posted on 2009-11-23 17:36 笑口常开、财源滚滚来! 阅读(529) 评论(0)  编辑  收藏 所属分类: jquery

只有注册用户登录后才能发表评论。


网站导航: