Question

我创建了一个ASP.NET网页（.aspx），它使用的是包含订阅表单的Jquery插件。

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

这是JQuery Modal插件：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测试了表单，它提交并完美地工作。我会尝试不使用模态窗口，但我的客户特别要求它以这种方式发生。

如果有人可以帮我解决这个问题，我真的很感激！

Answer 1

remodal插件使用您的<div class="remodal" data-remodal-id="modal">作为原型来构建模态窗口的dom元素。执行此操作时，会将其附加到body标记之外的form。这就是为什么他们不与你的表格互动，你没有得到回发

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

Answer 2

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

jQuery modal form dialog postback problems

在Jquery Remodal中提交ASP.NET表单

2 个答案: