如何在同一页面提交表单时打开另一个页面

时间:2015-12-07 06:37:02

标签: javascript jquery html ajax forms

我在弹出窗口中有一个注册表单。我希望当我的表单在我的框中的一个错误打印中提交响应时,在我的表单中打开一个名为" error-ajax"的div。我的问题是表单提交时,第二页没有加载该div。

这是我的代码:

<html>
<head>
<script type="text/javascript" src="js/jquery-1.7.2.min_1.js"></script>
</head>
<body>
<div class="main">
<!--div 1-->
<div class="comment1">
<p>YOUR COMMENT</p>
<div class="reply">
 reply
</div>
</div>
<!--End div 1-->

<div class="repetable">
<form class="formnazar-user">
<input type="textbox" />
</form>
</div>
<script>
$(function() {
 $(".repetable").hide();
 $(".reply").bind("click", function() {
 $(".repetable").hide();
 $(".repetable").slideDown("slow")
 $("#nazar").slideUp("slow");
});
 });
</script>


<!--div 2-->
<div class="comment1">
<p>YOUR COMMENT2</p>
<div class="reply">
reply
</div>
</div>
<!--End div 2-->

<div class="repetable">
<form class="formnazar-user">
<input type="textbox" />
</form>
</div>
</div>

</body>

</html>

2 个答案:

答案 0 :(得分:2)

而不是这样,您必须将表单作为ajax请求提交。使用数据ans $(“#form”)。serialze(),收到响应后,对你的div元素进行nessasary更新

$.post( "second-page.bc", $( "#form-1" ).serialize() )
    .done(function(data) {
        //update your div with data
    })
    .fail(function() {
        alert( "error" );
    });

答案 1 :(得分:-2)

您可以使用window.open()将页面重定向到另一个页面。 它有两个参数;第一个是你想要重定向的地方,第二个是目标。例如:

<script type="text/javascript"> 
window.open('success.php','_self'); 
</script>