formフォームのbuttonとsubmit
5065 ワード
この間、jspを書くときに問題が発生しました.formフォームの提出について、コードは以下の通りです.
私は以前formフォームで提出するのが好きではなく、ずっとAjax方式を使っていました.しかし今回はformフォーム方式を用いた.formフォームではbuttonボタンがformフォームに直接コミットされないことはよく知られています.
だから私はbuttonボタンを使って、
<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">
${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>
-- Choose kpisCategoriesName --
</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>
-- Choose kpisName --
</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ボタンを使って、