スニペット"FormLister"：ユーザー登録フォームの実装

ユーザー登録フォームの実装するには、次のようなコードで実装できます。

※ あくまで実装例であり、使用するパラメーターや設定値などは参考程度のものです。

[!FormLister?
									&controller=`Register`
									&formid=`register`
									&rules=`{
									"username" : {
										"required" : "ユーザー名を入力してください。",
										"alphaNumeric" : "指定可能な文字列は英数字です。",
										"custom" : {
											"function" : "\\FormLister\\Register::uniqueUsername",
											"message" : "利用できないユーザー名です。"
										}
									},
									"email" : {
										"required" : "メールアドレスを入力してください。",
										"email" : "メールアドレスアドレスの形式で入力してください。"
									},
									"password" : {
										"required" : "パスワードを入力してください。",
										"minLength" : {
											"params" : 6,
											"message" : "6文字以上で入力してください。"
										}
									},
									"repeatPassword" : {
										"required" : "パスワード（確認）を入力してください。",
										"equals" : {
											"message" : "パスワードが一致しませんでした。"
										}
									}
								}`
									&formTpl=`@CODE:
								<form method="post">
									<input type="hidden" name="formid" value="register">

<dl>
										<dt><label for="username">ユーザー名</label></dt>
										<dd [+username.class+]">
											<input name="username" value="[+username.value+]" id="username">
											[+username.error+]
										</dd>
										<dt><label for="email">メールアドレス</label></dt>
										<dd [+email.class+]">
											<input name="email" value="[+email.value+]" id="email">
											[+email.error+]
										</dd>
										<dt><label for="password">パスワード</label></dt>
										<dd [+password.class+]">
											<input type="password" name="password" id="password">
											[+password.error+]
										</dd>
										<dt><label for="password">パスワード（確認）</label></dt>
										<dd [+repeatPassword.class+]">
											<input type="password" name="repeatPassword" id="repeatPassword">
											[+repeatPassword.error+]
										</dd>
									</dl>

[+form.messages+]

<button>登録</button>
								</form>`
									&errorTpl=`@CODE:<p class="error-message">[+message+]</p>`
									&messagesOuterTpl=`@CODE:<p class="error-messages">[+messages+]</p>`
									&isHtml=`0`
									&to=`taro@example.co.jp`
									&subject=`新しくユーザーが登録されました：[(site_name)]`
									&reportTpl=`@CODE:新規ユーザー：[+fullname.value+] ([+id.value+])`
									&successTpl=`@CODE:<div class="complete">登録が完了しました。<br>ユーザー名：[+username.value+]</div>`
								!]

サンプルコード上で使用されているパラメーターについては次の通りです。

パラメーター	説明
&controller	Registerを指定することでユーザーを登録するためのフォームとして機能します。参考ページ：実装するフォームの種類を選択
&formid	参考ページ：フォームの識別子
&rules	参考ページ：フィールドの検証（チェック）内容を設定
&formTpl	参考ページ：入力フォームのHTMLテンプレート
&errorTpl	参考ページ：フィールドの表示するエラーメッセージのHTMLテンプレート
&messagesOuterTpl	参考ページ：フォーム全体の表示するエラーメッセージのHTMLテンプレート
&isHtml	参考ページ：管理者宛通知メールのHTML形式の有無
&to	参考ページ：管理者宛通知メールの宛先を設定
&subject	参考ページ：管理者宛通知メールの件名を設定
&reportTpl	参考ページ：管理者宛通知メールの本文を設定
&successTpl	参考ページ：フォーム送信完了後に表示するHTMLテンプレート

プレースホルダーについては次のページをご覧ください。
フォームやメールで使用するプレースホルダー

CMS「Evolution CMS」逆引きリファレンス一覧へ戻る