Javascript 有什么好的建议可以提醒/提醒用户在编辑网页上的字段后保存吗？

我有一个asp.net-mvc站点和一个包含大量可编辑字段、表行等的页面，所有这些都可以编辑。由于页面很长，在给定屏幕大小的屏幕上，保存按钮通常不可见

我们遇到过这样的问题：人们说他们进入了一个进行更改的窗口，但他们忘记了单击“保存”，因为它在屏幕上并不明显。我想要一个解决方案，当用户进行更改时，该解决方案会明显地提醒用户，在单击“保存”之前，这些更改尚未被持久化

---

是否有任何推荐的最佳实践/示例用于执行类似操作？

我个人会实现一个通知弹出窗口，例如。

---

我会在X分钟后创建一些JS来执行通知。

您可以在屏幕上弹出一个toastr，如下所示：

<script>
$(document).ready(function () {
    toastr.options.showMethod = 'slideDown';
    toastr.options.closeButton = true;
    toastr.info('Don't forget to save');

    {

    }
});
</script>

---

我喜欢显示引导警报。我将此警报绝对放置在页面顶部，如下所示：

<script>
$(document).ready(function () {
    toastr.options.showMethod = 'slideDown';
    toastr.options.closeButton = true;
    toastr.info('Don't forget to save');

    {

    }
});
</script>

我使用辅助对象

（函数（）{
var notify=新通知({
容器：document.getElementById（'alerts'），
模板：`{message}}`
});
notify.danger（“某些错误消息”）；
}());

这可能更适合您，您可以制作一个脚本，以特定的间隔（如1分钟）保存数据

(function() {

    var notify = new Notify({
        container: document.getElementById('alerts'),
        template: `<div class="alert alert-{{type}}" role="alert"><div class="text-center">{{message}}</div></div>`
    });

    notify.danger('Some error message');

}());