以多页/多部分形式获取所有 html 表单数据

Question

我有一个多页表单，我需要从表单中获取所有数据。我知道我可以手动执行此操作，但我想要一种更动态的方法。是的，如果可能，请仅使用 javascript 给我一个答案。

编辑... 如果有点含糊，我很抱歉。 我想要做的是向用户展示他输入的所有数据，所以我认为这是客户端而不是服务器端。另外，我现在已经安装了 PHP。所以，如果有PHP的方式，那也没关系。

它是多页的，因为用户会从不同的网页跳转，因为如果用户只在一个页面中输入所有数据会很长。嗯......一个例子是纳税申报表。或者某种人口普查。这就是表格的长度和我必须获得的数据量。所以，我想知道一种动态的方法。

我还没有说完。感谢下面的cmets。我已经尝试过，有些是有益的。

Answer 1

试试这个

$.post("destination_site.php", $("form").serialize());

它选择执行页面上的所有“表单”标签，然后将序列化数据发布到“destination_site.php”

在您的脚本站点上，您可以使用$_POST['name_of_input_element'] 访问它们

如果您想访问客户端站点上的输入元素，则无需发布它们。 使用它来访问您网站所有形式的所有输入元素

$.each("form :input", function(index, value) { 
  // show message box of input value
  alert($(this).val());
});

Answer 2

好的，我想我已经解决了我的问题。我就是这样做的。

首先，我没有使用多个页面，而是使用隐藏的 div 并使其在用户单击下一页时可见，并隐藏当前表单。

然后，我了解到我可以使用以下代码访问所有数据：
var value = document.forms[formname].elements[index].value;
并将其放入循环中

然后通过以下方式处理所有内容：

<?php 
if (!empty($_POST['form1'])) {
    //do some sever-side processing and validation;
}

if (!empty($_POST['form2'])) {
    //do some sever-side processing and validation;
}

.....
?>

谢谢大家的帮助。

Answer 3

使用 jquery 的 serialize，您可以从表单中获取每个字段，然后使用 ajax 将其发送到 php 脚本