使用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>

儿童形式代码:

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

问题是,当我点击按钮时,MAIN FORM将被提交而不是子表单.我知道使用嵌套表单不是一个好的编程习惯,但这是一个旧代码,我们还没有太多时间来修改这些代码.任何人都可以告诉我在代码中可能缺少什么导致主要表单由jquery提交？在此先感谢您的帮助.

Answer 1

不允许嵌套表格!你可以有几种形式,但不允许嵌套.