JavaScript判断用户是否对表单进行了修改的方法

这篇文章主要介绍了JavaScript判断用户是否对表单进行了修改的方法,实例分析了javascript对表单操作与判定的技巧,需要的朋友可以参考下

 

本文实例讲述了JavaScript判断用户是否对表单进行了修改的方法。分享给大家供大家参考。具体分析如下：

这段JS代码可以判断出用户是否对表单内容进行了修改，如果修改了表单，并退出浏览器，则会提醒用户是否要保存表单的内容，是非常有用的代码。
 

1. function formIsDirty(form) { 
2.  for (var i = 0; i < form.elements.length; i++) { 
3.   var element = form.elements[i]; 
4.   var type = element.type; 
5.   if (type == "checkbox" || type == "radio") { 
6.    if (element.checked != element.defaultChecked) { 
7.     return true; 
8.    } 
9.   } 
10.   else if (type == "hidden" || type == "password" || 
11.        type == "text" || type == "textarea") { 
12.    if (element.value != element.defaultValue) { 
13.     return true; 
14.    } 
15.   } 
16.   else if (type == "select-one" || type == "select-multiple") { 
17.    for (var j = 0; j < element.options.length; j++) { 
18.     if (element.options[j].selected != 
19.       element.options[j].defaultSelected) { 
20.      return true; 
21.     } 
22.    } 
23.   } 
24.  } 
25.  return false; 
26. }