zoukankan      html  css  js  c++  java
  • 判断一个表单是否被修改过

    判断一个表单是否被修改过,在不少地方需要用到。
    例如,用户打开一个订单编辑页,过一会后,他要关闭页面,
    如果用户有修改,那最好能提示下他“请问您确定要离开本页吗?确认离开当前页面吗?\n未保存的数据将会丢失!\n请按“确定”以继续,或者按“取消”回到当前页。”
    如果用户没有修改,则不用提醒。

    QWrap里提供了一个判断form是否已有改变的方法,代码如下:
    View Code
    /**
    * 判断form的内容是否有改变
    * @method isFormChanged
    * @param {element} el form对象
    * @param {string} filter (Optional) 过滤函数,会被循环调用传递给item作参数要求返回布尔值判断是否过滤
    * @return {bool} 是否改变
    */
    var isFormChanged= function (el, filter) {

    el
    = g(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;
    };

    它的第一个参数是form对象。返回值是这个表单是否与load页面时的值的状态是否有变更。
    第二个参数是:是为了应对“某些元素值就算是变了,也当作未变”的需求。
  • 相关阅读:
    c++中memset()函数的用法
    not exits用法讲解(以查询选修全部课程的学生为例)
    数据库中冲突可串行化的判断
    如何快速的判断一个数是否是完全平方数
    杭电oj2089c++
    3月7日学习日志
    3月5日 学习日志
    免编译二进制安装mysql5.7
    base64转换为图片以及图片转换为base64码
    Eclipse编辑JS响应慢,复制粘贴卡顿的解决方案
  • 原文地址:https://www.cnblogs.com/jkisjk/p/QWrap_NodeW_isFormChanged.html
Copyright © 2011-2022 走看看