表单发布数据发送到另一页,验证然后发布

时间:2013-12-11 11:58:55

标签: javascript php jquery html forms

我的表单为Form Page

在用户点击提交后的表单中,他将被带到另一个页面,该页面将显示输入的所有数据,这将允许用户验证内容。(用户将查看内容,看看是什么他进入是正确的。)

一旦用户验证他将提交数据并且应该完成插入数据库。

我想知道一种方法,我可以继续这样做。

我该如何实现这个

编辑更多说明

addemp.php

带表格的主要部分

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

同一表格中的第二部分应该在点击提交后显示

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

如何将值从第1个div传递到第二个,从第二个INSERT到db.how可以不进行页面刷新?

2 个答案:

答案 0 :(得分:0)

编辑:在这种情况下,您不需要使用表单。您可以简单地使用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);
});

完成后,只需创建/显示一个HTML按钮,为您发布数据。 如果这回答了您的问题,请将其标记为答案。

答案 1 :(得分:0)

在位置文件

上使用以下脚本
$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>';