use*_*774 4 javascript forms jquery form-submit
我在测试表单上使用脏表单/你确定js,确认用户是否确实想要离开未保存更改的页面.
这按预期工作,但我也使用"请等待"图像,显示用户何时调用服务器.
如何只触发"请稍候"的形象,只有当用户点击"离开此页"按钮上的ARE-你,肯定消息弹出框？
目前,当用户点击取消按钮时,我已触发请等待图像,b/c我无法想到还有什么地方可以触发它.
这是我的<head>代码:
<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;
}
您可以保存表单的状态以及表单的值.
检查这两个链接.
您还可以获取表单的所有元素并将其保存在某个位置.
如果要重置表单,还可以重置已保存值的状态.
不过,这些都是原创的想法.
| 归档时间： |
|
| 查看次数： |
1391 次 |
| 最近记录： |