在引导模式中显示表单结果答案

【问题标题】：Display Form Results in Bootstrap Modal在引导模式中显示表单结果
【发布时间】：2015-02-06 22:50:40
【问题描述】：

我在我们网站的主页上添加了一个简单的表单，该表单将其结果发布到名为 Results.aspx 的页面。

与其在同一页面上返回表单的结果，不如在新的模式中打开结果。

这是如何实现的？回顾一下，表单位于主页上，提交时，结果应显示在新的模式窗口中。

<form action="Results.aspx" method="post" name="myForm" onsubmit="return validateForm()">
<div id="blank-box-form">
<h2>Looking For Medicare Advantage Plans?</h2>
<label for="zipcode1"> Please enter your zip code</label>
<input id="zipcode1" class="wpcf7" name="zipcode1" type="text" />


<input type="submit" />

</div>

【问题讨论】：

将操作更改为您的新 aspx

标签： javascript jquery forms

【解决方案1】：

我建议您使用 ajax 发布表单。 ajax 调用完成后，您使用响应数据填充模态的主体并将其打开:)

【讨论】：

【解决方案2】：

试试

<form action="Results.aspx" target="_blank" method="post" name="myForm" onsubmit="return validateForm()">

但是 ass @digi 建议，你应该使用 ajax 来获取结果，然后将它们插入到模态中。

这可以指导你：

<script>
    $("form").submit(function(event){
        event.preventDefault();//to stop the submit
        $.get("url","data",function(results){
            $("#someModalStyledDiv").html(results).show();
        });
    });
</script>

http://api.jquery.com/jquery.get/

【讨论】：