javascript フォーム入力中、ページを離れる際に確認メッセージ #JavaScript

<html>
<head>
    <meta charset="utf-8">
    <title>beforeunload demo</title>
    <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
    <script>
        $(function(){
            $(window).on('beforeunload',function(){
                return "このページを離れると、ここまで入力したデータが削除されます。";
            });
        });
    </script>
</head>
<body>
    <form action="/" onsubumit="$(window).off('beforeunload');">
        <input type="text" >
        <button type="submit">登録</button>
    </form> 
</body>
</html>

$(window).on('beforeunload', function(){return "メッセージ"; });
で登録

$(window).off('beforeunload');
で解除

解除しないと、ポスト時にもメッセージが表示されるので注意