关于嵌套表单:我花了10年的时间调试一个ajax脚本。

对不起，我之前的回答/例子没有说明HTML标记。

<form id='form_1' et al>
  <input stuff>
  <submit onClick='ajaxFunction(That_Puts_form_2_In_The_ajaxContainer)'>
  <td id='ajaxContainer'></td>
</form>

Form_2不断失败，表示无效的Form_2。

当我把产生form_2 < I >的ajaxContainer移到form_1的</ I >外时，我又回到了业务中。它回答了为什么会嵌套形式的问题。我的意思是，如果不定义要使用哪种表单，ID是什么?肯定有更好、更圆滑的办法。

注意，不允许嵌套FORM元素!

http://www.w3.org/MarkUp/html3/forms.html

https://www.w3.org/TR/html4/appendix/changes.html#h-A.3.9 (html4规范指出从3.2到4的嵌套表单没有变化)

https://www.w3.org/TR/html4/appendix/changes.html#h-A.1.1.12 (html4规范指出，从4.0到4.1，嵌套表单没有变化)

https://www.w3.org/TR/html5-diff/ (html5规范指出从4到5的嵌套表单没有变化)

https://www.w3.org/TR/html5/forms.html#association-of-controls-and-forms评论到“此功能允许作者在缺乏对嵌套表单元素的支持的情况下工作”，但没有引用这是在哪里指定的，我认为他们是在假设我们应该假设它是在html3规范中指定的:)

普通html不允许您这样做。但javascript可以做到。 如果你正在使用javascript/jquery，你可以用一个类来分类你的表单元素，然后使用serialize()来序列化那些你想要提交的项目子集的表单元素。

<form id="formid">
    <input type="text" class="class1" />
    <input type="text" class="class2">
</form>

然后在你的javascript中，你可以这样做来序列化class1元素

$(".class1").serialize();

对于class2你可以这样做

$(".class2").serialize();

对于整个形式

$("#formid").serialize();

或者简单地

$("#formid").submit();

在我知道我不应该这样做之前，我已经为拥有多个提交按钮而嵌套了表单。这样运行了18个月，数千个注册交易，没有人打电话给我们任何困难。

嵌套表单为我提供了一个ID来解析要采取的正确操作。直到我试图将一个字段附加到其中一个按钮和验证抱怨，才打破。不是一个大问题来解决它-我使用了一个显式的stringify在外部的形式，所以它没有关系提交和形式不匹配。是的，是的，应该把按钮从submit变成onclick。

关键是在某些情况下，它并没有完全被破坏。但“没有完全崩溃”可能是一个太低的标准:-)

(参见thecode . .代码格式如下]2 .简单的技巧 简单地不要在另一个表单标签里面使用其他的元素，请使用相同的元素而不使用表单标签。

参见下面的例子 ""不使用另一种形式//只是召回输入图像描述元素在这里""

一个简单的解决方法是使用iframe来保存“嵌套”表单。 从视觉上看，表单是嵌套的，但在代码方面，它在一个单独的html文件中。