我正在使用 dirty-forms / are-you-sure js在确认用户是否确实想要离开具有未保存更改的页面的测试表单上。
这按预期工作,但我还使用了“请稍候”图像,该图像在用户调用服务器时显示。
如何仅在用户单击 are-you-sure 上的“离开此页面”按钮时才触发“请稍候”图像消息弹出框?
目前,当用户点击取消按钮时,我会触发显示请稍候图像,因为我想不出还有什么地方可以触发它。
这是我的
代码:<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:
#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
您还可以获取表单的所有元素并将其保存在某个地方。
当您想重置表单时,您也可以重置已保存值的状态。
不过,这些都是原始想法。
关于javascript - 你确定/脏表格 - 隐藏或显示请稍候,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25839144/