blocks|key|812313|text|使用beforeunload事件处理程序调用unbind：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|812314|$('form#someForm').submit(function()+{
+++$(window).unbind('beforeunload');
});|code-block|syntax|javascript|812315|要防止提交表单，请添加以下行：|812316|+++return+false;|812317|entityMap|0|LINK|mutability|MUTABLE|url|http://www.google.com/url?sa=t&source=web&cd=1&ved=0CBMQFjAA&url=http%253A%252F%252Fapi.jquery.com%252Funbind%252F&ei=df89TZm1KIX6lweLv_Rg&usg=AFQjCNFbSCFR47fB4EUSCcAb2kOwYKuU0Q&sig2=btOaSEmQvj91dxupI95GeQ^0|2|C|M|6|M|6|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@$9|X|A|Y|B|C]|$9|Z|A|10|B|C]]|D|@$9|11|A|12|1|13]]|E|$]]|$1|F|3|G|5|H|7|14|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|15|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|16|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|17|8|@]|D|@]|E|$]]]|P|$Q|$5|R|S|T|E|$U|V]]]]

<p>Call <a href="http://www.google.com/url?sa=t&amp;source=web&amp;cd=1&amp;ved=0CBMQFjAA&amp;url=http%3A%2F%2Fapi.jquery.com%2Funbind%2F&amp;ei=df89TZm1KIX6lweLv_Rg&amp;usg=AFQjCNFbSCFR47fB4EUSCcAb2kOwYKuU0Q&amp;sig2=btOaSEmQvj91dxupI95GeQ"><code>unbind</code></a> using the <code>beforeunload</code> event handler:</p>

<pre><code>$('form#someForm').submit(function() {
   $(window).unbind('beforeunload');
});
</code></pre>

<p>To prevent the form from being submitted, add the following line:</p>

<pre><code>   return false;
</code></pre>


blocks|key|1027165|text|使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1027166|$('form').submit(function+()+{
++++window.onbeforeunload+=+null;
});|code-block|syntax|javascript|1027167|在你的主要提交函数之前，确保你已经有了这个！(如有)|1027168|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>Use</p>

<pre><code>$('form').submit(function () {
    window.onbeforeunload = null;
});
</code></pre>

<p>Make sure you have this before you main submit function! (if any)</p>


blocks|key|812403|text|这是我们使用的：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|812404|在文档ready上，我们调用beforeunload函数。|812405|$(document).ready(function(){
++++$(window).bind("beforeunload",+function(){+return(false);+});
});|code-block|syntax|javascript|812406|在任何submit或location.reload之前，我们先解除变量的绑定。|812407|$(window).unbind('beforeunload');
formXXX.submit();

$(window).unbind("beforeunload");+
location.reload(true);|812408|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>This is what we use: </p>

<p>On the document ready we call the beforeunload function. </p>

<pre><code>$(document).ready(function(){
    $(window).bind("beforeunload", function(){ return(false); });
});
</code></pre>

<p>Before any submit or location.reload we unbind the variable. </p>

<pre><code>$(window).unbind('beforeunload');
formXXX.submit();

$(window).unbind("beforeunload"); 
location.reload(true);
</code></pre>


blocks|key|1027350|text|寻找检测前卸载的ASP.NET+web应用程序我很好，我必须显示警告消息，如果一些输入控件的网页上使用母版页和内容页的ASP.NET更改。我在母版页上使用了3个内容占位符，最后一个是在表单之后|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1027351|<form+runat="server"+id="myForm">|code-block|syntax|javascript|1027352|因此，在form结束标记之后和body结束标记之前使用此脚本|1027353|<script>
++++++++var+warnMessage+=+"Save+your+unsaved+changes+before+leaving+this+page!";
++++++++$("input").change(function+()+{
++++++++++++window.onbeforeunload+=+function+()+{
++++++++++++++++return+'You+have+unsaved+changes+on+this+page!';
++++++++++++}
++++++++});
++++++++$("select").change(function+()+{
++++++++++++window.onbeforeunload+=+function+()+{
++++++++++++++++return+'You+have+unsaved+changes+on+this+page!';
++++++++++++}
++++++++});
++++++++$(function+()+{
++++++++++++$('button[type=submit]').click(function+(e)+{
++++++++++++++++window.onbeforeunload+=+null;
++++++++++++});
++++++++});
++++</script>|1027354|就绑定而言，beforeunload不能以这种方式可靠地工作。您应该在本地分配它|1027355|所以我让它像这样工作，绑定和解除绑定对我来说也不起作用。从jQuery+1.7开始，event+API已经更新，.bind()/.unbind()仍然可以向后兼容，但首选的方法是使用on()/off()函数。|1027356|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|U|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

<p>Looking for Detect onbeforeunload for ASP.NET web application well I was,
I've to show warning message if some input control changes on the page using ASP.NET with Master Page and Content Pages. I'm using 3 content placeholders on the master page and the last one is after the form </p>

<pre><code>&lt;form runat="server" id="myForm"&gt;
</code></pre>

<p>so after the form closing tag and before the body closing tag used this script</p>

<pre><code>&lt;script&gt;
        var warnMessage = "Save your unsaved changes before leaving this page!";
        $("input").change(function () {
            window.onbeforeunload = function () {
                return 'You have unsaved changes on this page!';
            }
        });
        $("select").change(function () {
            window.onbeforeunload = function () {
                return 'You have unsaved changes on this page!';
            }
        });
        $(function () {
            $('button[type=submit]').click(function (e) {
                window.onbeforeunload = null;
            });
        });
    &lt;/script&gt;
</code></pre>

<p>beforeunload doesn't work reliably this way, as far as binding goes. You should assign it natively</p>

<p>so I got it working like this bind and unbind didn't work out for me also With jQuery 1.7 onward the event API has been updated, .bind()/.unbind() are still available for backwards compatibility, but the preferred method is using the on()/off() functions.</p>


blocks|key|1027377|text|+<!DOCTYPE+html>
+<html>
++<head>
++<script+src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
++<script+type="text/javascript"+src="http://cdn.jsdelivr.net/jquery.dirtyforms/2.0.0-beta00006/jquery.dirtyforms.min.js"></script>
++<script+type="text/javascript">
++++$(function()+{
++++++++$('#form_verify').dirtyForms();
++++})
++</script>
++<title></title>
+<body>
<form+id="form_verify"+action="a.php"+method="POST">
++++Firt+Name+<input+type="text">
++++Last+Name+<input+type="file">
++++<input+type="submit">+++
</form>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1027378|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code> &lt;!DOCTYPE html&gt;
 &lt;html&gt;
  &lt;head&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.dirtyforms/2.0.0-beta00006/jquery.dirtyforms.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    $(function() {
        $('#form_verify').dirtyForms();
    })
  &lt;/script&gt;
  &lt;title&gt;&lt;/title&gt;
 &lt;body&gt;
&lt;form id="form_verify" action="a.php" method="POST"&gt;
    Firt Name &lt;input type="text"&gt;
    Last Name &lt;input type="file"&gt;
    &lt;input type="submit"&gt;   
&lt;/form&gt;
</code></pre>

<p>
</p>


blocks|key|1027426|text|如果您使用的是bind，请使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1027427|$('form').submit(function+()+{
++++$(window).unbind('beforeunload');
});|code-block|syntax|javascript|1027428|这对所有的表单提交都是有好处的。|1027429|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

<p>if you're using bind then use this:</p>

<pre><code>$('form').submit(function () {
    $(window).unbind('beforeunload');
});
</code></pre>

<p>This will be good for all form submit.</p>


blocks|key|812680|text|这是一个非常老的问题，但可能对其他人有用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|812681|简单地将"beforeunload“从"+submit”事件中分离出来对我来说是行不通的--因为即使表单中存在用户必须修复的错误，提交处理程序也会被调用。因此，如果用户尝试提交表单，然后收到错误，然后单击到另一个页面，他们将能够离开，而不会出现警告。|812682|这是我的变通方法，似乎工作得很好。|812683|(function($)+{

++++var+attached+=+false,
++++++++allowed+=+false;

++++//+catch+any+input+field+change+events+bubbling+up+from+the+form
++++$("form").on("change",+function+()+{
++++++++//+attach+the+listener+once
++++++++if+(!attached)+{
++++++++++++$("body").on("click",+function+(e)+{
++++++++++++++++//+check+that+the+click+came+from+inside+the+form
++++++++++++++++//+if+it+did+-+set+flag+to+allow+leaving+the+page
++++++++++++++++//+otherwise+-+hit+them+with+the+warning
++++++++++++++++allowed+=+$(e.target).parents("form").length+!=+0;
++++++++++++});

++++++++++++window.addEventListener('beforeunload',+function+(event)+{
++++++++++++++++//+only+allow+if+submit+was+called+
++++++++++++++++if+(!allowed)+{
++++++++++++++++++++event.preventDefault();
++++++++++++++++++++event.returnValue+=+'You+have+unsaved+changes.';
++++++++++++++++}

++++++++++++});
++++++++}++++++++++++++++
++++++++attached+=+true;
++++});

}(jQuery));|code-block|syntax|javascript|812684|这样，如果单击离开页面的操作来自表单内部(如提交按钮)，则不会显示警告。如果单击离开页面的操作来自表单外部，则会向用户发出警告。|812685|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|6|7|Q|8|@]|9|@]|A|$]]|$1|F|3|G|5|H|7|R|8|@]|9|@]|A|$I|J]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

<p>Super old question but might be useful to others.</p>

<p>Simply detaching the "beforeunload" from the "submit" event would not work for me - because the submit handler was being called even when there were errors in the form that the user had to fix. So if a user attempted to submit the form, then received the errors, then clicked to another page, they would be able to leave without the warning. </p>

<p>Here's my workaround that seems to work pretty well.</p>

<pre><code>(function($) {

    var attached = false,
        allowed = false;

    // catch any input field change events bubbling up from the form
    $("form").on("change", function () {
        // attach the listener once
        if (!attached) {
            $("body").on("click", function (e) {
                // check that the click came from inside the form
                // if it did - set flag to allow leaving the page
                // otherwise - hit them with the warning
                allowed = $(e.target).parents("form").length != 0;
            });

            window.addEventListener('beforeunload', function (event) {
                // only allow if submit was called 
                if (!allowed) {
                    event.preventDefault();
                    event.returnValue = 'You have unsaved changes.';
                }

            });
        }                
        attached = true;
    });

}(jQuery));
</code></pre>

<p>This way, if the click to leave the page originated from inside the form (like the submit button) - it will not display the warning. If the click to leave the page originated from outside of the form, then it will warn the user.</p>


<p>I have this little piece of code:</p>

<pre><code>&lt;script&gt;
$(window).bind('beforeunload', function() {
  $.ajax({
    async: false,
    type: 'POST',
    url: '/something'
    });
  });
&lt;/script&gt;
</code></pre>

<p>I wonder, how could I disable this request when user hits the submit button.</p>

<p>Basically something like here, on SO. When your asking a question and decide to close the page, you get a warning window, but that doesn't happen when you're submitting the form.</p>


How to disable beforeunload action when user is submitting a form?

jQuery

我有一小段代码：<script>$(window).bind('beforeunload', function() {  $.ajax({    async: false,    type: 'POST',    url: '/something'    });  });</script>我想知道，当用户单击提交按钮时，我如何禁用此请求。基本上类似于这里，在这样的情况下。当你问一个问题并决定关闭页

问如何在用户提交表单时禁用beforeunload操作？
EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在用户提交表单时禁用beforeunload操作？EN

回答 7

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在用户提交表单时禁用beforeunload操作？
EN