Movable Type用フォーム作成プラグイン「A-Form」活用ヒント(2): 定番パーツで効率アップ
2008年5月23日
Movable Type用フォーム作成プラグイン「A-Form」活用ヒント(2): 定番パーツで効率アップ
こんにちは、ディレクターの八木です。
Movable Typeプラグイン「A-Form」活用ヒントの2回目として、定番パーツのバリデーション機能についてご紹介します。
●「定番パーツ」はよく使うフィールド(入力項目)にバリデーションがセットになったもの
A-Formのフォーム編集画面を開くと、右サイドボックス部分に、挿入可能なフィールド(入力項目)が、「定番パーツ」「基本パーツ」の2グループに分かれて並んでいます。
「定番パーツ」は、フォームで多用する入力項目で、入力項目と書式チェック(バリデーション)機能があらかじめセットになっているもの達です。
例えば、「メールアドレス」という定番パーツは、見た目上は普通の1行テキスト入力欄ですが、入力時にメールアドレス書式に則っているかチェックが入ります。また、ここに入力されたアドレス宛に、控えメールを送るかどうか選択できる機能がついています。
●A-Formの「定番パーツ」の種類と内容の紹介
以下、定番パーツの種類と内容を簡単に紹介します。
[郵便番号]
"104-0061"のような3桁の数字+「-(ハイフン)」+4桁の数字 で構成されるデータのみ受け付ける1行テキスト入力欄です。数字は全角・半角のどちらでも入力可能で、全角数字は自動で半角数字に変換されます。
[都道府県]
あらかじめ47都道府県が選択肢にセットされたプルダウンメニューです。選択肢は編集可能です。都道府県以外の選択肢(例えば"海外"とか"中央区"とか)を追加したり、不要な県があれば削除・変更できます。
[電話番号]
数字とハイフンのみ受け付ける1行テキスト入力欄です。数字は全角・半角のどちらでも入力可能で、全角数字は自動で半角数字に変換されます。
郵便番号と異なり桁数に制限はありませんので、例えば項目名を変えて「注文番号」や「会員番号」入力に利用できます。
[メールアドレス]
メールアドレス書式チェック機能付きの1行テキスト入力欄です。例えば「@」の入力忘れや、誤ってひらがなや漢字を入力するとエラーメッセージが表示されます。アルファベットや数字、「@」「-(ハイフン)」などは全角入力可能で、自動的に半角数字に変換されます。
また、このパーツには、「このアドレスにも控えメールを送る」という特別なチェックボックスがあって、ここにチェックを入れておくと、入力されたメールアドレス宛にユーザ宛の受付控えメールを送れるようになります。
[URL]
ホームページのアドレスを入力してもらうような場面で使います。
入力データが英数字「-(ハイフン)」「_(アンダーバー)」「.(ピリオド)」のいずれかで、かつ「http://~」や「https://~」で始まるURL形式かをチェックする1行テキスト入力欄です。
[個人情報保護方針]
定番パーツの中でも特殊なものです。個人情報保護方針や会員規約への同意を得るような使い方を想定しています。
項目名に、他ページ(例えば個人情報保護方針や規約を書いたページ)へのリンクを指定することができます。
項目名やチェックボックスのラベル名(「同意する」)は変更可能です。
なお、他の定番パーツと異なり、このパーツは「必須」入力固定です。
●パーツ共通のバリデーションチェック
定番・基本パーツ共に必須入力のチェックを指定することができます。ただし前述の「個人情報保護方針」パーツのみ任意指定不可です。ユーザが入力する際に、[必須]指定した項目が未入力なら入力を促すメッセージが表示されます。
以上、 A-Formに備わっている定番パーツについてご紹介しました。
フォーム活用のヒントになれば幸いです。
カテゴリー: A-Form, A-Member, A-Reserve(MTプラグイン) , CMS(コンテンツマネジメント・システム) , CMS・MovableType
タグ:
« 前の記事:中国・四川大地震被災への寄付を行いました
» 次の記事:「Web Site Expert」誌に「Web 2.0がもたらしたもの?ソーシャルメディアの周縁・辺境で起きていること」を寄稿しました
アークウェブの本
Zen Cartによるオンラインショップ構築・運用テクニック―オープンソース徹底活用
内容充実のZen Cart公式本(v1.3対応)がついに発表です。アークウェブのスタッフをはじめZen-Cart.JPの中心メンバーが共著で執筆しました。続きを読む
新着はてブ
カテゴリー
- Shopify(ショピファイ)オンラインショップ構築
- NGO・NPO向け情報
- スマートフォン
- だれもが使えるウェブコンクール
- mixiアプリ
- OpenSocial (システム開発)
- アークウェブのCSR
- A-Form, A-Member, A-Reserve(MTプラグイン)
- Ruby on Rails(システム開発)
- necoったー
- Miqqle
- WebSig24/7
- ecoったー
- ビッグイシュー(The Big Issue)
- CSR(企業の社会的責任)
- マッシュアップ
- RIA (システム開発)
- セキュリティ(システム開発)
- 唐松(アクセス解析)
- Ajax (システム開発)
- テスト(システム開発)
- データベース
- PukiWiki
- Web 2.0
- SEO・サーチエンジン最適化
- XP・アジャイル(システム開発)
- Web・ITニュースクリップ
- Webアクセシビリティ
- Webデザイン
- SEM・サーチエンジン広告
- Webユーザビリティ
- CMS・MovableType
- Zen Cart(オンラインショップ構築)
- Snippy(SNS・ソーシャルブックマーク)
- アークウェブ
- オープンソース
- CMS(コンテンツマネジメント・システム)
- Webマーケティング
- AMP
- SNS