zoukankan      html  css  js  c++  java
  • [Javascript] 如何在客户端验证表单被改变

    Form中的每个对象都保留了初始值,所以可以在提交表单时,遍历Form中对象,
    检查对象当前的值与初始值是否一致,就判断出了表单是否被修改了。

    示例代码

     1function IsFormChanged()
     2{
     3    var isChanged = false;
     4    var form = document.forms[0];
     5    for (var i = 0; i < form.elements.length; i++)
     6    {
     7        var element = form.elements[i];
     8        var type    = element.type;
     9        if (type == "text" || type == "hidden" || type == "textarea" || type == "button")
    10        {
    11            if (element.value != element.defaultValue)
    12            {
    13                isChanged = true;
    14                break;
    15            }

    16        }

    17        else if (type == "radio" || type == "checkbox")
    18        {
    19            if (element.checked != element.defaultChecked)
    20            {
    21                isChanged = true;
    22                break;
    23            }

    24        }

    25        else if (type == "select-one")
    26        {
    27            for (var j = 0; j < element.options.length; j++)
    28            {
    29                if (element.options[j].selected != element.options[j].defaultSelected)
    30                {
    31                    isChanged = true;
    32                    break;
    33                }

    34            }

    35        }

    36        else
    37        {
    38            //
    39        }

    40    }

    41
    42    return isChanged;
    43}
  • 相关阅读:
    基于NFS实现多WEB服务器负载均衡
    CentOS 6编译安装lamp,并分别安装event模块方式和FPM方式的PHP
    CentOS 7 下的LAMP实现以及基于https的虚拟主机
    ssh 免密码设置失败原因总结
    任督二脉之进程管理(3)
    任督二脉之进程管理(4)
    任督二脉之进程管理(1)
    任督二脉之进程管理(2)
    VIRTIO概述和基本原理
    图解 TCMalloc
  • 原文地址:https://www.cnblogs.com/ghd258/p/618257.html
Copyright © 2011-2022 走看看