Question

多个表单放在一个页面上，并通过jquery提交。提交表单的代码很简单：

$("form").submit(function() {
});

我遇到的问题是使用此代码运行一组选定的表单。我已经尝试了以下成功：

$("#form1,#form2,#form3").submit(function() {
});

但是，是否可以选择具有单个ID /标识符的多个表单？

此外，使用多个ID选择form1，form2和form3时，会提交哪些数据？我有一个隐藏字段位于form1但似乎提交form2时发送的数据。我怎么能纠正这个？

提前谢谢。

Answer 1

第一段代码是在提交时调用的JavaScript事件。它实际上并没有提交表格（但是，省略了该功能）。

您可以使用任何有效的jQuery选择器选择多个表单。最简单的方法是给他们一个你可以轻松参考的课程。

Answer 2

<form id="form1" class="formClass"></form>
<form id="form2" class="formClass"></form>
<form id="form3" class="formClass"></form>
<form id="form4" class="formClass"></form>


$(".formClass").submit();

Answer 3

我做了一个快速测试in a jsFiddle。这些表格指向的脚本是：

<?php
var_dump($_POST);

error_log(var_export($_POST, true));

错误日志输出为：

[error] [client 192.168.9.1] array (\n  'field1' => '1',\n), referer: http://fiddle.jshell.net/_display/

我认为这意味着a）只提交了一个表单，并且b）它是DOM中的第一个表单。如果我的方法的一部分是错误的，有人会纠正我。

基本上，这意味着您将要中断任何submit事件，并在提交之前将所有表单数据合并为一组参数。

Answer 4

请check here in jsfiddle。我希望它有所帮助，或者至少会给你一个想法。：）

如何使用jQuery“捕获”具有不同表单ID的多个表单？

4 个答案: