パスワードリマインダの設定(2/2)
バージョン1.4.0以降
パスワードリマインダ画面のデザイン変更とメールアドレス入力後に送られるメールの設定について
リマインダメールに記載されているリンクの遷移先は
/remind/ResetPage.htmlになります。
このページは、
パスワードの再設定画面の他に、
期限切れのリンクから遷移してきた場合、メールアドレスに誤りがある場合に表示するエラーも表示されます。
共通部分
共通部分はエラーメッセージの表示箇所で、
<!-- soy:display="has_error" -->
<div class="error_box">
<ul>
<!-- soy:id="error_list" -->
<li><!-- soy:id="error_message" /--></li>
<!-- /soy:id="error_list" -->
</ul>
</div>
<!-- /soy:display="has_error" -->
<!-- soy:display="has_error" -->で囲まれた箇所が
エラーがあった場合に表示されるようになり、
<!-- soy:id="error_list" -->で囲まれた箇所が
エラーの分だけ表示されます。
パスワード再設定画面
<form soy:id="form">
<table>
<tr>
<th>メールアドレス</th>
<td><!-- soy:id="address" /--></td>
</tr>
<tr>
<th class="detail">パスワード</th>
<td><input type="password" soy:id="password" /></td>
</tr>
<tr>
<th class="detail">パスワード再入力</th>
<td><input type="password" soy:id="confirm" /></td>
</tr>
</table>
<!-- ボタン配置 -->
<p class="alC">
<input type="submit" name="reset" value="登録" />
</p>
</form soy:id="form">
<form soy:id="form">で囲まれた箇所が、
期限切れ等のエラーがなかった場合に表示される箇所になります。
submitボタンはname="reset"と記述してください。
| soy:id | タグ | 説明 |
|---|---|---|
| address | すべて | メールアドレスを出力します |
| password | type="password | パスワード入力フォームを表示します |
| confirm | type="password | パスワード再入力フォームを表示します |
エラー表示画面
<!-- soy:display="has_error" -->
<div>
<p>
<ul class="clearfix">
<li><a soy:id="remind_link">パスワード再設定手続きはこちら</a>
</ul>
</p>
</div>
<!-- /soy:display="has_error" -->
<!-- soy:display="has_error" -->で囲まれた箇所が表示されます。
ここのsoy:idは
パスワード再設定手続への誘導のリンクのみとなります。
soy:id="remind_link"
続いて、
入力完了画面の表示ですが、
このページのsoy:idは
ログイン画面へのsoy:id="login_link"のみとなります。
<a soy:id="login_link">ログイン画面へ</a>
