0

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

包含表单的模态弹出没有问题或错误，但问题是当我用数据完成表单并按下提交按钮时，表单不会回发，因此代码隐藏中的 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 测试了表单，它提交并完美运行。我会尝试不使用模态窗口，但我的客户特别要求它以这种方式发生。

如果有人可以帮助我解决此问题，我将不胜感激！

4

2 回答 2

0

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

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

于 2015-05-24T03:35:41.880 回答
0

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

jQuery模态表单对话框回发问题

于 2015-05-24T08:32:15.003 回答