Question

我有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");


}

Answer 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']

Answer 2

$('form').submit(function (e) {
    e.preventDefault();
    $('first').show();
}

尝试这样的事情。

Answer 3

您可以为网址添加值，并使用该值调用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代码放在表单上面

在提交时显示DIV的内容

3 个答案: