フォーム入力アシスト機能 出力クラス(PC・スマートフォン)

フォーム入力アシスト機能 出力クラス(PC・スマートフォン)
1
2
1 エラー表示(入力欄)
入力欄にエラーがあった場合に、
「FS2_assist_error」クラスが追加されます
3
2 エラー表示(メッセージ)
入力欄にエラーがあった場合に、注意文言が表示
されます。
1
<div class="FS2_assist_container">
<span class="FS2_assist_message"></span>
</div>
2
3
3 必須項目表示
ページ読み込み時に、必須項目に
「FS2_assist_required」クラスが追加されます。
2’ エラー表示(メッセージ)
2’
4
PC で画面幅いっぱいのデザインのために、
「FS2_assist_message_large」クラスが
さらに追加される場合があります。
(スマートフォンでも同一箇所にクラスは追加されます)
4 住所リスト表示
PC の場合、郵便番号入力中に、住所候補の一覧を表示します。
<ul class="FS2_addressMenu FS2_ui-menu FS2_ui-widget FS2_ui-widget-content">
<li class="FS2_addressMenuItem FS2_ui-menu-item"></li>
</ul>
5 妥当表示
5
入力欄に入力された内容が適切であると判断された場合、
「FS2_assist_valid」クラスが追加されます。
標準ではスタイルを指定しておりませんが、
.FS2_assist_valid{background:#cec;}
などとスタイルを指定することによって、左の例のように
スタイルを変えることが可能です。
-1-