我在测试表单上使用dirty-forms / are-you-sure js,该表单确认用户是否确实要离开未保存更改的页面。

这可以按预期工作,但是我还使用了“请稍候”图像,该图像显示了用户何时调用服务器。

仅当用户单击are-you-sure消息弹出框上的“离开此页面”按钮时,才如何仅触发“请稍候”图像?

目前,当用户单击“取消”按钮时,我已经触发了“请稍候”图像出现,b / c,我想不出从哪里触发它。

这是我的代码:

<div id="loading-div-background">
    <div id="loading-div" >
        <img  src="{{ STATIC_URL }}img/page-loader.gif" />
    </div>
</div>

这是我的模板代码:
<a href="{% url certification_details %}" class="btn" onclick="showProgressAnimation();">Cancel</a>

这是我拥有的js代码:
<script>
    $('form').areYouSure( {'message':'You have unsaved changes.'} );
</script>

编辑-根据请求添加了隐藏图像css。

这是CSS,它会在第1页加载时隐藏“请稍候”图标:
#loading-div-background {
    background-color: rgba(246,246,246,0.7);
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

最佳答案

您可以保存表单的状态,也可以保存表单的值。

检查这两个链接。

https://stackoverflow.com/a/10312156/2655623

https://stackoverflow.com/a/26535253/2655623

您还可以获取表单的所有元素并将其保存在某处。

当您要重置表单时,也可以重置保存值的状态。

不过,这些都是原始想法。

10-02 14:17