ホーム » ビジネスブログ » A-Form, A-Member, A-Reserve(MTプラグイン) »

Movable Type用フォーム作成プラグイン「A-Form」活用ヒント(2): 定番パーツで効率アップ

2008年5月23日

Movable Type用フォーム作成プラグイン「A-Form」活用ヒント(2): 定番パーツで効率アップ

投稿者 八木

こんにちは、ディレクターの八木です。

Movable Typeプラグイン「A-Form」活用ヒントの2回目として、定番パーツのバリデーション機能についてご紹介します。


●「定番パーツ」はよく使うフィールド(入力項目)にバリデーションがセットになったもの

A-Formのフォーム編集画面を開くと、右サイドボックス部分に、挿入可能なフィールド(入力項目)が、「定番パーツ」「基本パーツ」の2グループに分かれて並んでいます。

「定番パーツ」は、フォームで多用する入力項目で、入力項目と書式チェック(バリデーション)機能があらかじめセットになっているもの達です。


例えば、「メールアドレス」という定番パーツは、見た目上は普通の1行テキスト入力欄ですが、入力時にメールアドレス書式に則っているかチェックが入ります。また、ここに入力されたアドレス宛に、控えメールを送るかどうか選択できる機能がついています。

2008-05-22_2358.png

●A-Formの「定番パーツ」の種類と内容の紹介

以下、定番パーツの種類と内容を簡単に紹介します。

[郵便番号]
"104-0061"のような3桁の数字+「-(ハイフン)」+4桁の数字 で構成されるデータのみ受け付ける1行テキスト入力欄です。数字は全角・半角のどちらでも入力可能で、全角数字は自動で半角数字に変換されます。


[都道府県]
あらかじめ47都道府県が選択肢にセットされたプルダウンメニューです。選択肢は編集可能です。都道府県以外の選択肢(例えば"海外"とか"中央区"とか)を追加したり、不要な県があれば削除・変更できます。

A-Formの定番パーツ「都道府県」


[電話番号]
数字とハイフンのみ受け付ける1行テキスト入力欄です。数字は全角・半角のどちらでも入力可能で、全角数字は自動で半角数字に変換されます。
郵便番号と異なり桁数に制限はありませんので、例えば項目名を変えて「注文番号」や「会員番号」入力に利用できます。


[メールアドレス]
メールアドレス書式チェック機能付きの1行テキスト入力欄です。例えば「@」の入力忘れや、誤ってひらがなや漢字を入力するとエラーメッセージが表示されます。アルファベットや数字、「@」「-(ハイフン)」などは全角入力可能で、自動的に半角数字に変換されます。

また、このパーツには、「このアドレスにも控えメールを送る」という特別なチェックボックスがあって、ここにチェックを入れておくと、入力されたメールアドレス宛にユーザ宛の受付控えメールを送れるようになります。
A-Formの定番パーツ「メールアドレス」


[URL]
ホームページのアドレスを入力してもらうような場面で使います。
入力データが英数字「-(ハイフン)」「_(アンダーバー)」「.(ピリオド)」のいずれかで、かつ「http://~」や「https://~」で始まるURL形式かをチェックする1行テキスト入力欄です。


[個人情報保護方針]
定番パーツの中でも特殊なものです。個人情報保護方針や会員規約への同意を得るような使い方を想定しています。

項目名に、他ページ(例えば個人情報保護方針や規約を書いたページ)へのリンクを指定することができます。
項目名やチェックボックスのラベル名(「同意する」)は変更可能です。
なお、他の定番パーツと異なり、このパーツは「必須」入力固定です。


●パーツ共通のバリデーションチェック

定番・基本パーツ共に必須入力のチェックを指定することができます。ただし前述の「個人情報保護方針」パーツのみ任意指定不可です。ユーザが入力する際に、[必須]指定した項目が未入力なら入力を促すメッセージが表示されます。

以上、 A-Formに備わっている定番パーツについてご紹介しました。
フォーム活用のヒントになれば幸いです。

投稿者 八木 : 2008年5月23日 07:46

カテゴリー: A-Form, A-Member, A-Reserve(MTプラグイン) , CMS(コンテンツマネジメント・システム) , CMS・MovableType

タグ:


Movable Type用高機能メールフォーム生成プラグイン A-Formの詳細へ
Movable Type用会員限定サイトプラグイン A-Memberの詳細へ
Movable Type用予約サイト構築プラグイン A-Reserveの詳細へ
ARK-Web×CSR(企業の社会的責任)

アークウェブの本

Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用

Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用

内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む

Movable Type プロフェッショナル・スタイル

Movable Type プロフェッショナル・スタイル

ビジネスサイト構築におけるCMSとしてのMTの活用方法について、豪華執筆陣による実践的MT本です。八木が共著で執筆しました。続きを読む

Web屋の本

Web屋の本

Web 2.0時代の企業サイトの構築・運用などの戦略を考える「Web屋の本」 (技術評論社)を、中野・安藤が執筆しました。続きを読む

新着はてブ

Loading

アーカイブ

応援しています

  • キッズ・セーバー
  • ソロモン・リリーフ ─ソロモン諸島を応援する有志による、震災復興支援プロジェクト─

    (終了しました)

RSS配信

 

サービスおよびソリューション一覧


最新情報・投稿をチェック


このページのトップに戻る

Photo by A is for Angie

Powered by Movable Type Pro 6.3.8