У меня есть вложенная форма, которая выглядит примерно так:
<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();
});
Проблема в том, что когда я нажимаю на кнопку, вместо дочерней формы отправляется ГЛАВНАЯ ФОРМА. Я знаю, что использование вложенных форм не является хорошей практикой программирования, но это старый код, и у нас пока нет времени пересматривать эти коды.
Может кто-нибудь сказать мне, что я мог бы упустить в кодах, что приводит к отправке основной формы с помощью jquery? Заранее спасибо за помощь.