使用jquery在面板内页面中未保存的更改的警报用户

Question

我遇到这种情况，如果用户在页面上留下了一些未保存的更改，我需要停止用户。

我通过互联网获得了一些信息，用于从当前页面转移到其他页面，如

var warnMessage= "You have unsaved changes";
$('input:not(:button,:submit),textarea,select').change(function () {
                window.onbeforeunload = function () {
                    if (warnMessage != null) return warnMessage;
                };
            });

            $('input:submit').click(function(e) {
                warnMessage = null;
            });

当我们关闭标签页或URL被更改时，此方法正常。

我的页面上有三个不同面板的面板;每个面板都有提交，取消和重置。现在，我需要在用户打开面板时提醒用户;最后一个面板有未保存的更改，然后应该提醒用户

如果他/她在面板上有一些未保存的更改，则单击提交/重置/取消按钮，然后由用户确认。

这可能吗？