jquery - 使用jquery以嵌套表单提交子表单

Question

我有一个嵌套表单，看起来像:

    <FORM METHOD="GET" NAME="mainForm"  ACTION=<%=response.encodeURL("updateForm.jsp")%>>

    </FORM>

<t:panel script="showSelect(3)">
      <t:panelTab left="362" width="200px">Tab3</t:panelTab>
    <t:panelBody src="childForm.jsp">
    </t:panelBody>
</t:panel>

child 表格代码:

<FORM METHOD="GET" NAME="childForm"  id = "childForm" ACTION=<%=response.encodeURL("processChildForm.jsp")%>>
<span style="padding:0 10px;">
<button class="submitChildFormClass"
        style="width:auto;"
        id="submitChildForm"
        >Process Child Form
</button>
    </span>
</FORM>

我想在单击“submitChildForm”按钮时提交子表单，因此我编写了以下 jquery 处理程序来执行此操作:

$('.submitChildFormClass').live('click',function() {
    document.getElementById("previewOnlyVal").value = "previewOnly";
    $('#childForm').submit();
});

问题是，当我单击按钮时，会提交主表单而不是子表单。我知道使用嵌套表单不是一个好的编程习惯，但这是旧代码，我们没有太多时间来修改这些代码。谁能告诉我代码中可能缺少什么导致主表单由 jquery 提交？在此先感谢您的帮助。

Answer 1

不允许嵌套表单!您可以有多种形式，但不允许嵌套。