フレーム付きのページがあります。上のフレームは、データベースに対して検索を実行するためのコントロールを含むヘッダーで、下のフレームは検索結果を表示するために使用されます。ユーザーは検索モード ボタンをクリックし、検索条件を入力するプロンプトを表示して、下のフレームに結果を表示できます。
ユーザーがプロンプトをキャンセルした場合を除いて、すべてがうまく機能します。ページがリロードされ、上部 (ヘッダー) html が下部フレームに配置されます。
検索モードの 1 つのコード:
function searchBySid(){
var sidNum = prompt("Enter the SID to search for:","");
if(sidNum!=null){
document.getElementById("formType").value = "SearchBySid";
document.getElementById("sid").value = sidNum;
var form = document.getElementById("headerForm");
form.action="OffenderRegistration";
form.method="GET";
form.submit();
}
}
プロンプトがキャンセルされた場合、ページが何もしないようにするにはどうすればよいですか?
編集:
ボタン onclick によって呼び出されます。
<table align="center">
<tr>
<td><button id="btnSearchSid" name="btnSearchSid" class="menuButton" onclick="searchBySid()">Search by SID</button></td>
<td><button id="btnSearchDps" name="btnSearchDps" class="menuButton" onclick="searchByDps()">Search by DPS</button></td>
<td><button id="btnSearchName" name="btnSearchName" class="menuButton" onclick="searchByName()">Search by Name</button></td>
<td><button id="btnAdd" name="btnAdd" class="menuButton" onclick="getAddForm()">Add</button></td>
<td><button id="btnReports" name="btnReports" class="menuButton">Reports</button></td>
<td style="color: white;"> Today's Date: <label style="color: white;" id="lblDate"></label></td>
</tr>
</table>