在 Jquery Remodal 中提交 ASP.NET 表单答案

【问题标题】：Submit ASP.NET Form within Jquery Remodal在 Jquery Remodal 中提交 ASP.NET 表单
【发布时间】：2015-05-23 17:48:20
【问题描述】：

我创建了一个使用包含订阅表单的 Jquery 插件的 ASP.NET 网页 (.aspx)。

包含表单的模态弹出没有问题或错误，但问题是当我用数据完成表单并按下提交按钮时，表单不会回发，因此代码隐藏中的 C# 无法处理表单数据。

这是 JQuery 模态插件：http://vodkabears.github.io/remodal/

这是 ASP.NET 页面代码：

<a href="#" data-remodal-target="modal" class="action-button">Get Free Trial</a>

<div class="remodal" data-remodal-id="modal">
    <label>First Name</label>
    <asp:TextBox ID="TextBoxFirstName" runat="server" />

    <label>Last Name</label>
    <asp:TextBox ID="TextBoxLastName" runat="server" />

    <label>Email</label>
    <asp:TextBox ID="TextBoxEmail" runat="server" />

    <asp:button runat="server" ID="ActiveCampaignSend" Text="Subscribe" OnClick="FormSubmit_Click"/>
</div>

背后的 C# 代码示例：

 protected void FormSubmit_Click(object sender, EventArgs e)
 {
    // Code thate processes the form goes here....
 }

我已经使用 Jquery ReModal 测试了该表单，它提交并完美运行。我会尝试不使用模态窗口，但我的客户特别要求它以这种方式发生。

如果有人能帮我解决这个问题，我将不胜感激！

【问题讨论】：

您最终是否使用 remodal 插件来解决您的问题？我陷入了完全相同的境地。

标签： javascript jquery asp.net remodal

【解决方案1】：

经过进一步研究，我发现这篇文章解决了这个问题：

jQuery modal form dialog postback problems

【讨论】：

您在该帖子中具体使用了哪个部分来解决问题？你停止使用 remodal 并开始使用 jqueryui modal 了吗？

【解决方案2】：

remodal 插件使用您的<div class="remodal" data-remodal-id="modal"> 作为原型来构建模态窗口的dom 元素。当它这样做时，它会将它们附加到body，在form 标记之外。这就是为什么他们不与您的表单交互并且您没有得到回发的原因

点击您的asp:button 后，将电子邮件的值、名字和姓氏输入复制到表单内部，然后在form 上调用submit。

【讨论】：

感谢您的帮助，但我发现以下解决方案非常有效。