Javascript 表单post将数据发送到另一个页面，验证并发布

我有一张表格

在用户单击提交后的表单中，他将被带到另一个页面，该页面将显示输入的所有数据，这将允许用户验证内容。（用户将查看内容，以查看他输入的内容是否正确）

一旦用户验证，他将提交数据并插入数据库

我想知道一种方法，我可以用这种方法来做这件事

我如何实现这一点

编辑更多解释

addamp.php

带表格的主要Div

<div class="panel-body">
<form>
Employee : <input Type="text" id="name">
<input type="submit" value="check">
</div>

雇员：

单击submit后，应显示相同表单中的第二个Div

<div class="submit panel-body">
<form>
Employee : <Employee Name asin main div>
<input type="submit" > <--! this submit would post data
</form>
</div>

雇员：
编辑：在这种情况下，您不需要使用表单。您可以简单地使用JQuery在DIV中显示文本框中的数据，并使用一个按钮将数据发布到服务器上

    <input type="text" name="nric"  id="nric" />
    <input type="text" name="empName" id="empName" />
    <input type="text" name="location" id="location" />
    <input id="sndData" type="button" value="Submit" />

<div id="showData"></div>



JQuery：

$('#sndData').click(function(){
    var makeData = "<p>NRIC: "+$('#nric').val()+"</p><p>Employee Name: "+$('#empName').val()+"</p><p>Location: "+$('#location').val()+"</p>";
    $('#showData').html(makeData);
});

$（'sndData'）。单击（函数（）{
var makeData=“NRIC:+$（'.\NRIC'）.val（）+”
员工姓名：“+$（'.\empName'）.val（）+”
位置：“+$（'.\NRIC'）.val（）+”
；
$（'#showData'）.html（makeData）；
});

完成后，只需创建/显示一个HTML按钮，该按钮将为您发布数据。
如果这回答了您的问题，请将其标记为答案。
在位置文件上使用以下脚本

$action='';

if(isset($_POST['submit'])){
//create form here
//Change the action of form
$action = 'save.php';
}
echo '<form method="POST" action="'.$action.'">
<input type="text" name="nric" value="'.isset($_POST['nric'])?$_POST['nric'].'" />
<input type="text" name="empName" value="'.isset($_POST['empName'])?$_POST['empName'].'" />
<input type="text" name="location" value="'.isset($_POST['location'])?$_POST['location'].'" />
<input type="submit" value="Submit"/>
</form>';

$action=''；
如果（isset（$_POST['submit']））{
//在这里创建表单
//改变形式的行为
$action='save.php'；
}
回声'
';
我正在使用PHP插入数据，请告诉我插入数据的方法我想知道一些方法，我该如何做。嘿，谢谢你为我创建了一个工作流程。我想保留表单的部分并在同一页中显示数据。用户看到数据后会重新检查，然后单击“提交\根据您的规范编辑代码”。现在，
标记将使用
$\u服务器['PHP\u SELF']
自行提交页面，当页面再次加载时，它将检查
$\u POST
是否为空。如果它不是空的（意味着数据已发布，它将为您回显。请注意，它只是基本代码。您必须进行基本检查，如多个空格等。如果它解决了您的问题，请接受它作为答案：）是的，但没有页面刷新，我如何继续？是否检查问题是否已更新？您的意思是您必须在不刷新页面的情况下执行整个验证操作？我不需要任何验证，只需要输入字段中的数据显示在下一个部分的标签中。没有post，页面刷新怎么办？如果您不想刷新页面，则必须对其使用ajax$（'form'）。on（'submit'，函数（e） {e.preventDefault（）；$formpostdata=$（this）.serialize（）//在此处使用数据进行ajax调用}）；是如何在不刷新页面的情况下将数据从第一个div发送到下一个div。与填写大学入学表时一样，我们首先填写所有数据，单击“下一步”时，会显示我们输入的所有数据，以便我们可以验证输入的内容，最后在完成后发布\