如果表单已填写且未提交,浏览器会在离开页面之前提示用户

时间:2014-02-16 01:40:26

标签: javascript html forms browser

我看过一些网站显然会执行某种类型的浏览器功能,提示用户是否要离开页面,因为没有提交表单:

“此页面要求您确认是否要离开 - 您输入的数据可能无法保存。”

我知道这可以用JS编程,但有没有一个本机函数或选项建议浏览器检测这种情况?

我相信有一个因为我看过几个网站(比如facebook)以同样的方式做出反应,他们似乎都使用这种浏览器选项。

autocomplete="on / off"一样,浏览器可以自动填写表单

由于

1 个答案:

答案 0 :(得分:2)

<script language="JavaScript" type="text/javascript">
   //<![CDATA[
       window.onbeforeunload = function(){
           // Check the state of the form
            if(form_changed){
              return false;
            }else{
              return true;
            }

       };
   //]]>
</script>

当该函数将false返回window.onbeforeunload时,浏览器会自动提示以下问题:“此页面要求您确认是否要离开 - 您输入的数据可能不会得救。“(firefox)