如何解决在表单按钮提交上弹出插件“你确定”
我在我的一个页面中使用 JS/JQuery "are-you-sure" plugin 来要求用户确认他是否真的想要关闭文档并丢失他在表单中填写的数据。
它工作正常,除非在单击提交表单的按钮时弹出窗口仍在弹出(它不应该)。我在网上搜索,但找不到解决此问题的答案。这是我的代码:
<script>
// this part works fine
$(function () {
$('form').areYouSure();
});
// I found that this code COULD prevent the popup to rise on submit but it didn't work
$('form').submit(function () {
$('form').removeClass(settings.dirtyClass);
});
</script>
这是我的表格的部分副本:
<form id="form1" runat="server" autocomplete="on">
<asp:ScriptManager ID="scrptMgr" runat="server" />
<div class="PAFContainer clearfix" style="padding:10px;width:90%;max-width:700px;background-color:#e9eeff;">
<div class="PAFFieldContainer">
<div class="PAFLabel"><h2 class="PAFLabel">Email Address*</h2></div>
<div class="PAFInput"><input class="rounded" runat="server" type="text" id="email" name="email" maxlength="100" onblur="trimMe('email');" /></div>
</div>
</div>
<div class="PAFContainer" style="width:100%;max-width:800px;text-align:right;border:0px;">
<div class="PAFFieldContainer">
<br />
<telerik:RadImageButton ID="btnWelcomeApply" runat="server" AutoPostBack="true"
SingleClick="true"
OnClientClicking="CheckRequired"
OnClick="btnWelcomeApply_Click"
DisabledImageUrl="~/custom_images/topics/paf_go_button_280_h.png"
Image-Url="~/custom_images/topics/paf_go_button_280.png"
Image-HoveredUrl="~/custom_images/topics/paf_go_button_280_h.png"
Sizing="stretch"
Width="280" Height="57" >
</telerik:RadImageButton>
</div>
</div>
</form>
知道如何修复它吗?
PS:或者有更好的方法吗?我在 StackOverflow 中发现这个插件是最好的解决方案,这就是我选择它的原因......
非常感谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。