Question

我在网站的主页上添加了一个简单的表单，将其结果发布到名为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>

Answer 1

我建议您使用ajax发布表单。当ajax调用完成后，使用response-data填充模态的主体并打开它：）

Answer 2

尝试

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

但是@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/

在Bootstrap模式中显示表单结果

2 个答案: