フォームアシスト設定

コマースクリエイター切替後は使用しません。

基本設定

フォーム入力アシスト機能を有効にする場合は、「フォーム入力アシスト機能を有効にする」のチェックをいれて登録ボタンを押下してください。 PCサイトとスマートフォンサイト、それぞれ「有効にする」設定ができます。

フォーム入力アシストの機能について（概要）

PCサイト版のフォーム入力アシスト

入力チェック

1文字入力時点から内容をチェックし、メッセージを表示、正しい入力をアシストします。

メールアドレス形式チェック

1文字入力時点からメールアドレスの形式にあわせて内容をチェックし、メッセージを表示。入力をアシストします。

再入力チェック

メールアドレス、パスワードの「再入力」項目は、1文字ごとに入力ミスをチェックします。

必須項目やエラー項目は、入力エリアの背景色を変更

「必須入力」や「入力ミス」項目の背景色を変更し、わかりやすく伝えます。

住所検索機能

郵便番号を入力した際、市区町村までの住所を自動的に挿入します。郵便番号をすべて入力する前に、候補を表示し、選択すれば自動で挿入されます。

お知らせメッセージ

正しく入力されていない場合、適切なメッセージを表示して、入力を促します。

スマートフォンサイト版のフォーム入力アシスト

入力チェック

1文字入力時点から内容をチェックし、メッセージを表示、正しい入力をアシストします。

メールアドレス形式チェック

1文字入力時点からメールアドレスの形式にあわせて内容をチェックし、メッセージを表示。入力をアシストします。

再入力チェック

メールアドレス、パスワードの「再入力」項目は、1文字ごとに入力ミスをチェックします。

必須項目やエラー項目は、入力エリアの背景色を変更

「必須入力」や「入力ミス」項目の背景色を変更し、わかりやすく伝えます。

住所検索機能

郵便番号を入力した際、市区町村までの住所を自動的に挿入します。

お知らせメッセージ

正しく入力されていない場合、適切なメッセージを表示して、入力を促します。

フォーム入力アシスト機能の対象項目

必須項目
フリガナ
Eメールアドレス
携帯メールアドレス
郵便番号
電話/FAX番号
パスワード
お届けサイクル（定期・頒布会販売　※一部除く）
使用するポイント数
（「一部ポイントを利用する」場合）
クレジットカード情報
（お支払方法にクレジットカードを選択した場合）
お支払コンビニ
（お支払方法にコンビニ支払を選択した場合）
携帯メールアドレス
楽天銀行支店番号・楽天銀行口座番号
（お支払方法に楽天銀行（自動引落）を選択した場合）

フォーム入力アシスト機能の対象画面

ショッピングカート
画面名	単一届け先のみ選択可能	複数お届け先選択可能	定期・頒布会
ショッピングカート	対象なし	対象なし	対象なし
ログイン画面	対象なし	対象なし	対象なし
会員登録	対象	対象	対象
お客様情報入力	対象	対象	対象
お届け先指定	対象	対象	対象
お届け先詳細指定	--	対象	--
お支払方法選択	対象	対象	対象
注文確認	対象なし	対象なし	対象なし
注文完了	対象なし	対象なし	対象なし

マイページ
画面名	共通
会員登録	対象
会員登録内容変更	対象

入力支援フォームのデザインが変更できます

必須項目

class名「FS2_assist_required」
(初期状態の背景色指定 #fff6ee）

エラー項目

class名「FS2_assist_error」
(初期状態の背景色指定 #fdd）

入力完了項目

class名「FS2_assist_valid」
(初期状態の背景色指定なし）

お知らせメッセージ

(初期状態の色指定背景色 #e55 / 文字色 #fff）


<div class="FS2_assist_container">
<span id="phoneNumber-error" class="FS2_assist_message">数字を入力してください。</span>
</div>

「フォーム入力アシスト機能」利用にあたっての注意事項

フォームタグ<form>の使用時に「name属性」「id属性」を使用しないで下さい。

ヘッダや上下部コメント欄等にname属性もしくはid属性に"form"を指定されたHTMLタグを利用すると、フォーム入力アシスト機能が使えなくなる可能性があります。

メールアドレス項目に関して、自動変換機能はついていません。

JavaScript（ライブラリ）を独自に導入された場合、正常に動作しない可能性があります。

定期購入･頒布会のお届け日指定の２つ目のサイクルは背景色はかわりません

定期／頒布会のお届け日指定画面の曜日指定（1つ目）が選択されていれば、２つ目のサイクルを示す[---▽][---▽]設定にエラー背景色は設定されません。