Question

在一个jsp页面上如何存在多个from表单。

情况是这样，我们有一个后台页面，让用户注册或发布信息的，数据提交到mysql数据库。提交代码是这样：<form action="registerSaveSecondVilla.action" method="post" enctype="multipart/form-data" name="form1" onsubmit="return checkdata(this)">
但是。这个页面有个js效果。分出了4个类，4个单项选择按钮。每个分类下的表单内容都不一样。（当选择了其中一个后，页面主要部分不变，只是表单变换）由用户选择分类。然后填表，提交。
请问这个功能可以实现吗？
分4个类的4个单选按钮js效果已经做好，
4个表单提交互不影响，请问这个要怎么实现？？？

Answer 1

可以直接创建多个form即可，形式就是“<form></form><form></form>”,此时每个form中的内容就是独立提交的部分。

举例：
<form id='modify1' name="modify1" method="post" enctype="multipart/form-data" action="${ctx}/report/rate_exchange.jsp" >
<table class="table_common" id="table1" cellspacing="1" cellpadding="0">
<tr class='title_tr' >
<td style="white-space: nowrap; text-align: center;" colspan="4">
<input type="file" name="fileName" id="filePath">
<input type="button" style="white-space: nowrap; text-align: center;" class="List_Button2" value="<BOC:I18N name="submit"/>" onclick="submitForm1()" />
<input type="reset" style="white-space: nowrap; text-align: center;" class="List_Button2" value="<BOC:I18N name="reset"/>" onclick='confirm("你确认要取消本次上传吗？")'/>
</td>
</tr>
</table>
</form>
<!-- end 文件上传-->
<form>
<table>
<tr class="title_tr" >
<TH width="10%" style="white-space: nowrap; text-align: center;color: red"><%=worry %></TH>
</tr>
<tr class="title_tr" >
<TH width="10%" style="white-space: nowrap; text-align: center;color: green"><SPAN><%=right %></SPAN></TH>
</tr>
</table>
</form>

Answer 2

一个form里面4个div层，选择一个的时候隐藏另外三个，提交就行了。

Answer 3

可以把表单的提交按钮改成button，然后写个onclick（）事件，例如form1，onclick（）里边可以这样写document.form1.submit;

Answer 4

通过JS实现
a. JS判断选择的表单类型
b. 获取相应的字段值并校验
c. document.selectedForm.submit();

追问

能具体点吗