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}
  • 相关阅读:
    ajax的尝试
    小型企业信息化所依据的U型理论(5)
    链接服务器中使用用户自定义函数
    小型企业信息化所依据的U型理论(1)
    JAXWS(二)之使用wsimport创建WebService客户端
    linux开启MySql远程连接功能
    .net 流(Stream) StreamWriter和StreamReader、BinaryReader和BinaryWriter
    JAXWS(一)之使用wsgen从Java创建WebService
    Web Service及其构成
    .net 流(Stream) 文件流、内存流、网络流
  • 原文地址:https://www.cnblogs.com/ghd258/p/618257.html
Copyright © 2011-2022 走看看