日期:2014-05-16  浏览次数:20342 次

关于表单项更新检测,后台按需更新
今天有个人问到这个,用来检测当前表单项哪些值需要更新,后台按需更新。
突然发现这个东东貌似还真有点用,按那位朋友在网上找到的代码做了些修改。
只要把得到的tips中的连接符&换成,号,岂不是就是一条update语句出来了。。
大家瞅瞅,这鬼东东严谨不?会不会一用这东东就又多出个漏洞来。暂时木有想到
HTML code
<script  type="text/javascript">
Array.prototype.inArray=function (value){for (var i=0;i<this.length;i++){if (this[i] == value){return true;}}return false};    
function IsFormChanged(el) {  
    var tips="";
    var arr1=new Array(); 
    var arr2=new Array();
    var isChanged=false;
    var itemVal='';
    var form = document.getElementById(el);  
    for (var i = 0; i < form.elements.length; i++) {  
        var element = form.elements[i];  
        var type = element.type;
        switch(type){
            case "text":
            case "hidden":
            case "textarea":
            case "button":
                tips += (element.value != element.defaultValue)?tips.length==0?element.name+"='"+escape(element.value)+"'":"&"+element.name+"='"+escape(element.value)+"'":"";
                break;
            case "radio":
                if(!arr1.inArray(element.name)){
                    arr1.push(element.name);
                    var myRadio=document.getElementsByName(element.name);
                    for(var k=0;k<myRadio.length;k++){
                        tips += (myRadio[k].checked && !myRadio[k].defaultChecked)?tips.length==0?myRadio[k].name+"='"+myRadio[k].value+"'":"&"+myRadio[k].name+"='"+myRadio[k].value+"'":"";
                    }
                }
                break;
            case "checkbox":
                if(!arr2.inArray(element.name)){
                    arr2.push(element.name);
                    isChanged=false;
                    var myBox=document.getElementsByName(element.name);
                    itemVal='';
                    for(var k=0;k<myBox.length;k++){
                        if(myBox[k].checked){//当前checkbox被选中
                            if(!myBox[k].defaultChecked){isChanged=true}//是否与初始状态不同,如果是则标记为当前checkbox需更新
                            itemVal += itemVal.length==0?myBox[k].value:","+myBox[k].value;//同一name追加值
                        }else{
                            if(myBox[k].defaultChecked){
                                isChanged=true;//初始化时为选中状态但当前未选中,标记该复选框组值需更新
                            }
                        }
                    }
                    if(isChanged){itemVal=element.name+"='"+itemVal+"'";tips+=tips.length==0?itemVal:'&'+itemVal}
                }
                break;
            case "select-one":
                for (var j = 0; j < element.options.length; j++) {
                    tips += (element.options[j].selected && !element.options[j].defaultSelected)?tips.length==0?element.name+"='"+element.value+"'":"&"+element.name+"='"+element.value+"'":"";  
                }
                break; 
            case "select-multiple": 
                isChanged=false;
                itemVal='';
                for (var j = 0; j < element.options.length; j++) {
                    if(element.options[j].selected){
                        if(!element.options[j].defaultSelected){isChanged=true}//是否与初始状态不同,如果是则标记为当前select需更新
                        itemVal +=itemVal.length==0?element.options[j].value:","+element.options[j].value;//同一个元素只追加值  
                    }else{
                        if(element.options[j].defaultSelected){
                            isChanged=true;//初始化时为选中状态但当前未选中,标记该select值需更新
                        }