通过JS判断form的内容是否有改变

来自心底的幸福

于 2023-11-03 17:42:21 发布

阅读量243

点赞数

分类专栏： JAVASCRIPT 文章标签： javascript

本文链接：https://blog.csdn.net/Fly_Frank/article/details/134208184

版权

JAVASCRIPT 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

/* 判断form的内容是否有改变
   * @param {element} el form对象
   * @param {string} filter (Optional) 过滤函数,会被循环调用传递给item作参数要求返回布尔值判断是否过滤
   * @return {bool} 是否改变
   */
   isFormChanged : function (el, filter) {
       //el = document.getElementById(el);
       filter = filter || function (el) { return false; };
       var els = el.elements, l = els.length, i = 0, j = 0, el, opts;
       for (; i < l ; ++ i, j = 0) {
           el = els[i];
           switch (el.type) {
           case "text":
           case "hidden":
           case "password":
           case "textarea":
               if (filter(el)) break;
               if (el.defaultValue != el.value) return true;
               break;
           case "radio":
           case "checkbox":
               if (filter(el)) break;
               if (el.defaultChecked != el.checked) return true;
               break;
           case "select-one":
               j = 1;
           case "select-multiple":
               if (filter(el)) break;
               opts = el.options;
               for (; j < opts.length ; ++ j) {
                   if (opts[j].defaultSelected != opts[j].selected) return true;
               }
               break;
           }
       }
       return false;
   }

   //测试
   var formData = document.frames(iframe.attr("id")).document.getElementById("thisForm");
           if(this.isFormChanged(formData)){
           alert(true);
   }