Question

我有一个多页面的表单，我需要从表单中获取所有数据。我知道我可以手动完成这项工作，但我想要一种更有活力的方法。是的，如果可能的话，请仅使用javascript给我一个答案。

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

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

我还没完成。感谢下面的评论。我试过了，有些是有益的。

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;
}

.....
?>

感谢所有帮助btw。

Answer 3

使用jquery的serialize，您可以从表单中获取每个字段，然后使用ajax

将其发送到php脚本

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

3 个答案: