formフォームのbuttonとsubmit

5065 ワード

この間、jspを書くときに問題が発生しました.formフォームの提出について、コードは以下の通りです.
 
<div class="container">
				<form id="emailAddForm" name="emailAddForm" method="post"  onsubmit="return false;">
					<table cellpadding="1" cellspacing="0" class="table2" id="table2">
						<tr>
							<th width="20%;">
								Email Subject
							</th>
							<td>
								<input type="text" id="emailName" name="emailName" style="width: 200px; height: 25px; font-family: arial; font-size: 14px;">
							</td>
						</tr>
						<tr>
							<th>
								UserInfo
							</th>
							<td>
								<div class="userDiv">
									<table class="userTab">
										<tr>
											<th width="10%">
												No
											</th>
											<th width="10%">
												Selection
											</th>
											<th width="35%">
												UserName
											</th>
											<th width="35%">
												Email
											</th>
										</tr>

										<c:forEach items="${userList}" var="user" varStatus="status">
											<tr>
												<td align="center">
													${status.count+rowIDStart-1}
												</td>
												<td align="center">
													<input class="userInfo" id="userInfo" type="checkbox" name="userInfo" value="${user.userID}">
												</td>
												<td align="left">
													&nbsp;&nbsp;&nbsp;&nbsp;${user.userName}
												</td>
												<td align="center">
													${user.emailAddress}
												</td>
											</tr>
										</c:forEach>
									</table>
									<div class="operation">
									</div>
								</div>
							</td>
						</tr>

						<tr>
							<th>
								Report
							</th>
							<td>
								<select class="editBox_select" name="kpisCategoriesID" id="kpisCategoriesID" onchange="javascript: selectKpisInfo();" style="width: 200px;">
									<option>
										--&nbsp;&nbsp;Choose kpisCategoriesName&nbsp;&nbsp;--
									</option>
									<c:forEach items="${categoriesList}" var="kpisCategories" varStatus="status">
										<option value="${kpisCategories.kpisCategoriesID}">
											${kpisCategories.kpisCategoriesName}
										</option>
									</c:forEach>
								</select>
								<select class="editBox_select" id="kpisID" name="kpisID" style="width: 200px;">
									<option>
										--&nbsp;&nbsp;Choose kpisName&nbsp;&nbsp;--
									</option>
								</select>
							</td>
						</tr>

						<tr>
							<th>
								Attachment
							</th>
							<td>
								<input type="checkbox" name="attachment" id="attachment" value="1" onchange="validateReport(this)">
								Excel
								<input type="checkbox" name="attachment" id="attachment" value="2" onchange="validateReport(this)">
								pdf
							</td>
						</tr>
					</table>
					<div class="operation">
						<div class="oButton">
							<!-- <input type="submit" class="button" value="Add"/>-->
							<button class="button" onclick="addEmailInfo()">
								Add
							</button>
						</div>
						<div class="oButton1">
							<button class="button" onclick="returnList()">
								Return
							</button>

						</div>
					</div>
				</form>
				<div class="returnDiv">

				</div>

私は以前formフォームで提出するのが好きではなく、ずっとAjax方式を使っていました.しかし今回はformフォーム方式を用いた.formフォームではbuttonボタンがformフォームに直接コミットされないことはよく知られています.
だから私はbuttonボタンを使って、