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

不允许嵌套表格！你可以有几种形式，但是不允许嵌套。

使用jquery以嵌套形式提交子表单

1 个答案: