您当前的位置: 首页 > 前端教程 > JS教程 > JS检测离开页面时表单数据是否更改

JS检测离开页面时表单数据是否更改

作者:xiaoxiao 来源:未知 发布时间: 2014-07-30 11:47 点击:
function formIsDirty(form){ for ( var i=0;iform.elements.length;i++){ var element=form.elements[i]; var type=element.type; if (type== checkbox ||type== radio ){ if (element.checked!=element.defaultChecked){ return true ; } } else if (type== hidden |

JS检测离开页面时表单数据是否更改

  function formIsDirty(form) {

      for (var i = 0; i < form.elements.length; i++) {

          var element = form.elements[i];

          var type = element.type;

          if (type == "checkbox" || type == "radio") {

              if (element.checked != element.defaultChecked) {

                  return true;

              }

          }

          else if (type == "hidden" || type == "password" || type == "text" || type == "textarea") {

              if (element.value != element.defaultValue) {

                  return true;

              }

          }

          else if (type == "select-one" || type == "select-multiple") {

              for (var j = 0; j < element.options.length; j++) {

                  if (element.options[j].selected != element.options[j].defaultSelected) {

                      return true;

                  }

              }

          }

      }

      return false;

  }

  window.onbeforeunload = function (e) {

      e = e || window.event;

      if (formIsDirty(document.forms["someForm"])) {

          // IE 和 Firefox   

          if (e) {

              e.returnValue = "对不起,页面数据已做修改,尚未保存,确定要刷新或离开本页面?";

          }

          // Safari浏览器    

          return "对不起,页面数据已做修改,尚未保存,确定要刷新或离开本页面?";

      }

  };
分享到:
本文"JS检测离开页面时表单数据是否更改"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(2)
100%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 广告合作 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4