[Javascript] 如何在客户端验证表单被改变

[Javascript] 如何在客户端验证表单被改变

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

示例代码

 1 function  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}