キャンセル
検索
導入前のご相談 06-6485-5330
運用サポート:06-6485-6485 平日9:30~18:00(土日祝除く)
コマースクリエイター無効コマースクリエイター有効コマースクリエイター運用中?

フォームアシスト設定

×

マニュアル閲覧上の注意

店舗の状態にあわせて、上のボタンからいずれかを選択してください。表示される項目が変更されます。

コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

上記のボタンは再選択できます。店舗の状態がわからない方はコマースクリエイターご利用状況の確認方法についてをご覧ください。

基本設定

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

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

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

表示例
入力チェック
1文字入力時点から内容をチェックし、メッセージを表示、正しい入力をアシストします。
メールアドレス形式チェック
1文字入力時点からメールアドレスの形式にあわせて内容をチェックし、メッセージを表示。入力をアシストします。
再入力チェック
メールアドレス、パスワードの「再入力」項目は、1文字ごとに入力ミスをチェックします。
必須項目やエラー項目は、入力エリアの背景色を変更
「必須入力」や「入力ミス」項目の背景色を変更し、わかりやすく伝えます。
住所検索機能
郵便番号を入力した際、市区町村までの住所を自動的に挿入します。郵便番号をすべて入力する前に、候補を表示し、選択すれば自動で挿入されます。
お知らせメッセージ
正しく入力されていない場合、適切なメッセージを表示して、入力を促します。

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

表示例
入力チェック
1文字入力時点から内容をチェックし、メッセージを表示、正しい入力をアシストします。
メールアドレス形式チェック
1文字入力時点からメールアドレスの形式にあわせて内容をチェックし、メッセージを表示。入力をアシストします。
再入力チェック
メールアドレス、パスワードの「再入力」項目は、1文字ごとに入力ミスをチェックします。
必須項目やエラー項目は、入力エリアの背景色を変更
「必須入力」や「入力ミス」項目の背景色を変更し、わかりやすく伝えます。
住所検索機能
郵便番号を入力した際、市区町村までの住所を自動的に挿入します。
お知らせメッセージ
正しく入力されていない場合、適切なメッセージを表示して、入力を促します。

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

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

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

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

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

必須項目
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(ライブラリ)を独自に導入された場合、正常に動作しない可能性があります。

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

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

項目表示について

各項目は以前からのECサイト用・コマースクリエイター用・共通の3種類があります。コマースクリエイター有効(切替前)は両方の項目が表示されます。

以前からのECサイト用項目で、コマースクリエイターでは使用しません。(右側にこちらの色の点線が表示されます。)

コマースクリエイター専用ECサイト用の項目です。以前からのECサイトには影響しません。(右側にこちらの色の点線が表示されます。)

上記以外は共通で使用する項目です。(何も表示されません。)

×

店舗の状態にあわせて、下のボタンからいずれかを選択してください。

コマースクリエイター無効 コマースクリエイター有効 コマースクリエイター運用中
コマースクリエイター無効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用されている場合(コマースクリエイターをご利用でない場合)はこちらを選択してください。
コマースクリエイター有効
以前からの管理画面で構築し、以前からのECサイト(ユーザー画面)で店舗を構築・運用しながら、コマースクリエイター管理画面が使用できる場合はこちらを選択してください。
コマースクリエイター運用中(切替後)
コマースクリエイター管理画面で構築し、コマースクリエイター専用ECサイト(ユーザー画面)で店舗を構築・運用されている場合(以前からのユーザー画面をご利用でない場合)はこちらを選択してください。

再度選択できますので、店舗の状態がわからない方はいったん「有効」をお選びください。
詳しくはコマースクリエイターご利用状況の確認方法についてをご覧ください。