0

我有一个HTML表格。将表单POST值提交到 page.php。然后视图导航到page.php并显示成功消息。我想阻止用户导航到page.php, 并显示<div id="first">

换句话说，我想做的是重置。（<div id="first">用户点击完成按钮后显示）

    <form action="page.php" method="post">
    <div id="first" class="m span3">
      THIS DIV CONTAINS FEW TEXT BOXES
    </div>
<div id="second" class="m2 span3">
      THIS DIV CONTAINS FEW TEXT BOXES AND COMBOBOXES
    </div>
<div id="last" class="m3 span3">
      THIS DIV CONTAINS FEW TEXT BOXES
    </div>
    </form>

一旦用户单击 DOne 按钮，就会触发以下函数

function onComplete() {


        $('form').submit();
        alert("clicked");


}
4

3 回答 3

1

如果您想在不重定向页面的情况下将数据发布到main.php，我建议您使用 Ajax。这是一个简单的代码，但可以为您提供构建应用程序的想法：

<html>
<head>
<script type="javascript" src="jquery.js"></script>
<script type="text/javascript">
function complete() {
$.ajax({
    type : "post",
    data  : "text="+$("#"+textbox_1).value,
    url : "page.php",
    success : function(response){
        alert("Done!");
    }
});
}
</script>
</head>
<body>
 <form action="page.php" method="post">
<input type="text" id="textbox_1">   
<button onclick="complete()">submit</button>
 </form>
</body>
</html>

并在 page.php 中使用 $_POST['text']

于 2013-09-28T20:34:46.570 回答
0 
$('form').submit(function (e) {
    e.preventDefault();
    $('first').show();
}

尝试这样的事情。

于 2013-09-28T20:34:06.850 回答
0

您可以在 url 中添加一个值并使用该值来调用 div。例如：

 <form action="page.php?action=formSent" method="post">
  // form data  
 </form>

然后使用一些 php 来获取操作调用并使用它来显示 div：

 <?php
     if(isset($_GET['action']) && $_GET['action'] == "formSent" ){         
         <div id="first">
             div content
         </div>
     } 
 ?>

您可以将 php 代码放在表单的上方

于 2013-09-28T20:34:09.910 回答