检查form里的输入框属性的值是否有改变

来源:互联网 发布:雷电网络ico 编辑:程序博客网 时间:2024/06/05 05:08
//检查form里的输入框属性的值是否有改变
function IsModified(the)
{
    var result = false;                                    //初始化返回值
    var colInput = document.getElementsByTagName("input"); //获取输入框控件
    for (var i=0; i<colInput.length; i++)                  //逐个判断页面中的input控件
    {
     //判断输入的值是否等于初始值
     if(colInput[i].type=="text" || colInput[i].type=="password"){
         if (colInput[i].value != colInput[i].defaultValue) //判断输入的值是否等于初始值
         {
             result = true;                                 //如果不相等,返回true,表示已经修改
             colInput[i].style.backgroundColor = "#ff9000"; //改变被修改控件的背景色
         }
     }
     //检查radio的值是否有改变
     if (colInput[i].type=="radio"){
      var checkedValue = colInput[i].checked.toString();
      var defaultValue = colInput[i].defaultChecked.toString();
      if (defaultValue=="true") {
       if (checkedValue=="true"){
       } else {
        result = true;  
        colInput[i].style.backgroundColor = "#ff9000";
       }
      } else {
       if (checkedValue=="true"){
        result = true;  
        colInput[i].style.backgroundColor = "#ff9000";
       }else {
       }
      }
     }
     //第一次循环结束
 }
 var selectInput = document.getElementsByTagName("select"); //获取所有的下拉列表
 for (var i=0; i<selectInput.length; i++)                  //逐个判断页面中的input控件
    {
     //检查select的值是否有改变
     /*var selectedValue = selectInput[i].options[selectInput[i].selectedIndex].toString();
     var defaultSelectedValue = selectInput[i].options[selectInput[i].selectedIndex].defaultSelected.toString();
     alert("selectedValue"+selectedValue);
     alert("defaultSelectedValue" + defaultSelectedValue);*/
     for (var n = 0; n < selectInput[i].options.length; n++  ) {
      var selectedValue = selectInput[i].options[n].selected.toString();
      var defaultSelectedValue = selectInput[i].options[n].defaultSelected.toString();
            if (defaultSelectedValue=="true") {
       if (selectedValue=="true"){
       } else {
        result = true;  
        selectInput[i].style.backgroundColor = "#ff9000";
        break;
       }
      } else {
       if (selectedValue=="true"){
        result = true;  
        selectInput[i].style.backgroundColor = "#ff9000";
        break;
       }else {
       }
      }
        }
     
     /*if (!selectInput[i].options[selectInput[i].selectedIndex].defaultSelected){
      result = true;                                 //如果不相等,返回true,表示已经修改
      selectInput[i].style.backgroundColor = "#ff9000"; //改变被修改控件的背景色
      alert('Y');
        }*/
     //第一次循环结束
 }
    return result;
}