入力情報を保持したまま前の画面に戻る

入力情報を保持したまま前の画面に戻る:

JSPファイルにおいて、JavaScriptを使って、ユーザーが入力した値を保持したまま画面遷移する方法。

たとえばユーザー情報入力確認画面で、戻るボタンを押した際に、入力欄に保持した情報を表示させたいときなど。

headタグ内でJavaScriptを導入し、各のアクション名を定義。

<script> 
function goCreateUserCompleteAction() { 
    document.getElementById("form").action="CreateUserAction"; 
} 
function goResetPasswordAction() { 
    document.getElementById("form").action="CreateUserAction"; 
} 
</script> 
Bodyタグ内の戻るボタンの構造は以下のようにする。

<s:form action="CreateUserAction"> 
<div class="submit_btn_box"> 
<div id=".contents-btn-set"> 
<s:submit value="戻る" class="submit_btn" /> 
</div> 
</div> 
<s:hidden name="loginId" value="%{loginId}"/> 
<s:hidden name="password" value="%{password}"/> 
<s:hidden name="familyName" value="%{familyName}"/> 
<s:hidden name="firstName" value="%{firstName}"/> 
<s:hidden name="familyNameKana" value="%{familyNameKana}"/> 
<s:hidden name="firstNameKana" value="%{firstNameKana}"/> 
<s:if test='sex.equals("男性")'> 
<s:hidden name="sex" value="0"/> 
</s:if> 
<s:if test='sex.equals("女性")'> 
<s:hidden name="sex" value="1"/> 
</s:if> 
<s:hidden name="email" value="%{email}"/> 
</s:form> 
 
登録ボタンもAction名をCreateUserCompleteActionにし、同じ構造で作る。

コメント

このブログの人気の投稿

投稿時間:2021-06-17 22:08:45 RSSフィード2021-06-17 22:00 分まとめ(2089件)

投稿時間:2021-06-20 02:06:12 RSSフィード2021-06-20 02:00 分まとめ(3871件)

投稿時間:2021-06-17 05:05:34 RSSフィード2021-06-17 05:00 分まとめ(1274件)