获取多页/多部分表单中的所有 html 表单数据

发布于 2024-12-27 22:04:36 字数 338 浏览 1 评论 0原文

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

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

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

我还没说完。感谢下面的评论。我已经尝试过，其中一些是有益的。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

浅听莫相离 2025-01-03 22:04:36

尝试一下

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

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

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

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

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

Try this

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

It selects all "form" Tags on the page it is executed and then post the serialized data to "destination_site.php"

On your script site, you can access them with $_POST['name_of_input_element']

If you want to access the input elements on the client site, you dont need to post them.
Use this to access all input elements of all forms of your site

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

回复收藏 0 原文

暮色兮凉城 2025-01-03 22:04:36

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

首先，我没有使用多个页面，而是使用隐藏的 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;
}

.....
?>

感谢您的所有帮助。

Ok, I think I have solved my problem. This is how I did it.

First, instead of using multiple pages, I used hidden divs and make it visible as the user clicks the next page and make the present form hidden.

Then, I learned that I can access all the data by using this code:
var value = document.forms[formname].elements[index].value;
and put it inside a loop

and then process it all by:

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

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

.....
?>

Thanks for all the help btw.

回复收藏 0 原文