且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2022-06-19 10:09:59


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

示例代码

 1[Javascript] 如何在客户端验证表单被改变function IsFormChanged()
 2[Javascript] 如何在客户端验证表单被改变{
 3[Javascript] 如何在客户端验证表单被改变    var isChanged = false;
 4[Javascript] 如何在客户端验证表单被改变    var form = document.forms[0];
 5[Javascript] 如何在客户端验证表单被改变    for (var i = 0; i < form.elements.length; i++)
 6[Javascript] 如何在客户端验证表单被改变    {
 7[Javascript] 如何在客户端验证表单被改变        var element = form.elements[i];
 8[Javascript] 如何在客户端验证表单被改变        var type    = element.type;
 9[Javascript] 如何在客户端验证表单被改变        if (type == "text" || type == "hidden" || type == "textarea" || type == "button")
10[Javascript] 如何在客户端验证表单被改变        {
11[Javascript] 如何在客户端验证表单被改变            if (element.value != element.defaultValue)
12[Javascript] 如何在客户端验证表单被改变            {
13[Javascript] 如何在客户端验证表单被改变                isChanged = true;
14[Javascript] 如何在客户端验证表单被改变                break;
15[Javascript] 如何在客户端验证表单被改变            }

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

17[Javascript] 如何在客户端验证表单被改变        else if (type == "radio" || type == "checkbox")
18[Javascript] 如何在客户端验证表单被改变        {
19[Javascript] 如何在客户端验证表单被改变            if (element.checked != element.defaultChecked)
20[Javascript] 如何在客户端验证表单被改变            {
21[Javascript] 如何在客户端验证表单被改变                isChanged = true;
22[Javascript] 如何在客户端验证表单被改变                break;
23[Javascript] 如何在客户端验证表单被改变            }

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

25[Javascript] 如何在客户端验证表单被改变        else if (type == "select-one")
26[Javascript] 如何在客户端验证表单被改变        {
27[Javascript] 如何在客户端验证表单被改变            for (var j = 0; j < element.options.length; j++)
28[Javascript] 如何在客户端验证表单被改变            {
29[Javascript] 如何在客户端验证表单被改变                if (element.options[j].selected != element.options[j].defaultSelected)
30[Javascript] 如何在客户端验证表单被改变                {
31[Javascript] 如何在客户端验证表单被改变                    isChanged = true;
32[Javascript] 如何在客户端验证表单被改变                    break;
33[Javascript] 如何在客户端验证表单被改变                }

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

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

36[Javascript] 如何在客户端验证表单被改变        else
37[Javascript] 如何在客户端验证表单被改变        {
38[Javascript] 如何在客户端验证表单被改变            //
39[Javascript] 如何在客户端验证表单被改变        }

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

41[Javascript] 如何在客户端验证表单被改变
42[Javascript] 如何在客户端验证表单被改变    return isChanged;
43[Javascript] 如何在客户端验证表单被改变}


本文转自高海东博客园博客,原文链接:http://www.cnblogs.com/ghd258/archive/2007/01/12/618257.html,如需转载请自行联系原作者