Follow Us.RSS

2009年3月26日(木)「必須項目制御」を使いこなそう!

  • フォームメールでは、選択肢によって必須項目が変化してほしい場合があります。そんなときに便利な「必須項目制御」フィールドタイプについてご紹介します。

  • (2009年3月26日(木) 午後4時50分24秒 更新)
  • このエントリーをはてなブックマークに追加TweetBuzzurlにブックマークBuzzurlにブックマーク

「必須項目制御」フィールドタイプとは?

「必須項目制御」は、メニューまたはチェックボックス・ラジオボタンで選択された項目に応じて後続のフィールドの必須項目指定を切り替えるフィールドタイプです。

たとえば、このサイトの登録ページで使用されています。今回はこの登録ページの設定をご紹介します。

(この登録ページは弊社業務に不可欠なものとして利用されていますので、テスト送信はご遠慮ください。テスト送信をされたい場合は、サンプルサイトフォームメールサンプルをご利用ください。)

「登録」ページの設定例

登録ページでは、アンケートフィールドが次のように設定されています。「届出内容」と「設置ネットワーク」が「必須項目制御」フィールドタイプです。これらは、後続の「設置URL」「移転前URL」「設置数」フィールドの必須項目指定を制御しています。

また、デフォルトでは「設置URL」「移転前URL」が必須項目に指定されています。

登録ページでは「必須項目制御」フィールドタイプの設定によって、「届出内容」が「登録変更」かつ「設置ネットワーク」が「インターネット」の時「移転前URL」を必須項目にし、それ以外の場合は必須項目指定を解除するなど、必須項目指定の切り替えを実現しています。

「届出内容」の設定は次のようになっています。「新規登録」が「選択されたとき」「移転前URL」の「必須項目指定を解除する」よう設定されているのがわかります。

「設置ネットワーク」の設定は次のようになっています。このようにデフォルトの必須項目指定に加え、「選択状態」と「指定内容」を上手に指定すれば、比較的複雑な必須項目切り替えも可能です。

本日リリースしたバージョンから、JavaScript によって必須項目の強調表示が正しく切り替えられるようになりました。必須項目を切り替える機能がついたフォームメールをお探しの方には、「必須項目制御」フィールドタイプがきっとお役に立てることと思います。ぜひお試しください。

コメント

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | iPhone から画像をアップロードしよう

2011年4月26日 ... ファイル添付、必須項目切り替え、送信先振り分け、みんなできるフォームメール. ファイル添付も、必須項目切り替えも、送信先の振り分けも、みんなブラウザから簡単に 設定できるんです。そう、CMONOS.JP のフォームメール「アンケート」なら ...
https://cmonos.jp/blog/2011042602/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | インストールがいっそう簡単になりました!

2011年3月3日 ... これからはブラウザからいくつかの項目を設定するだけで、簡単に「CMONOS.JP」の インストールが完了します。 これまで少々複雑だったパーミッションの設定や「cgi-data」 の位置のカスタマイズも、ブラウザから設定できるようになりました。
https://cmonos.jp/blog/2011030300/1.shtml
[画像]

CMONOS.JP | 開発者ブログ

2015年1月13日 ... ファイル添付、必須項目切り替え、送信先振り分け、みんなできるフォームメール. ファイル添付も、必須項目切り替えも、送信先の振り分けも、みんなブラウザから簡単に 設定できるんです。そう、CMONOS.JP のフォームメール「アンケート」なら ...
https://cmonos.jp/blog/
[画像]

CMONOS.JP | 開発者ブログ | ファイル添付、必須項目切り替え、送信先 ...

2014年1月20日 ... ファイル添付も、必須項目切り替えも、送信先の振り分けも、みんなブラウザから簡単に 設定できるんです。そう、CMONOS.JP のフォームメール「アンケート」ならね!
https://cmonos.jp/blog/2014012000/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | NicEdit 日本語版

2010年1月8日 ... フォントサイズを色々と変更して試してみました。 結果として、「サイズ」コンボで上から3 番目の項目のみだけがが設定されないようです。 onClickやonChangeなどが 発生していないような気します。そのために、処理が出来ていない?
https://cmonos.jp/blog/2010010800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | カレンダーを施設予約に使おう

2011年2月22日 ... JP | 開発者ブログ | カレンダーを施設予約に使おう. 2011年2月22日 ... CMONOS.JP | 開発者ブログ | ファイル添付、必須項目切り替え、送信先 ... 2014年1月20日 ... JP の フォームメール「アンケート」には、上記の他にもカレンダーから入力 .
https://cmonos.jp/blog/2011022200/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 地図で物件検索!「不動産サイト」

2010年3月15日 ... 物件検索」では「検索」画面から、ユーザーが表示したい項目を選ぶことができます。 各種データでソートすることも可能。 入力フィールド ... もちろん、CMONOS.JP ならでは のカスタムフィールドで自由自在に項目を組み合わせることができます。
https://cmonos.jp/blog/2010031502/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 「運用する人」にやさしい CMS

2009年9月2日 ... ... 画面にたどりつきます。制作者にのみ必要な設定項目を、運用者が目にすることは ありません。 ... とてもシンプルです。 (入力項目が原則として縦にのみ並ぶのは、横 方向に配置したときユーザーが見逃すケースが多かったためです。) .... コメントや アンケート、GoogleMaps 埋め込みにも対応しています。 ... JP のカスタムフィールド 機能なら、画像の貼り付けも、必須項目の入力チェックも、思いのまま。デザイナーが ...
https://cmonos.jp/blog/2009090200/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | ギャラリーもテーブルメーカーで!

2008年11月6日 ... フィールドを自由に組み合わせられるウェブデータベース「テーブルメーカー」なら、簡易 アンケートを追加することも、作品の詳細を .... ファイル添付も、必須項目切り替えも、 送信先の振り分けも、みんなブラウザから簡単に設定できるんです。
https://cmonos.jp/blog/2008110600/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 超!カスタムフィールドカレンダー

2008年10月3日 ... CMONOS.JP のカレンダーは入力項目を自由に組み合わせることができるカスタム フィールド機能を搭載。コメントやアンケート、GoogleMaps 埋め込みにも対応してい ます。
https://cmonos.jp/blog/2008100300/1.shtml

更新情報

最近の記事

RSS

カレンダー



[日]
[月]
[火]
[水] 1
[木] 2
[金] 3
[土] 4

[日] 5
[月] 6
[火] 7
[水] 8
[木] 9
[金] 10
[土] 11

[日] 12
[月] 13
[火] 14
[水] 15
[木] 16
[金] 17
[土] 18

[日] 19
[月] 20
[火] 21
[水] 22
[木] 23
[金] 24
[土] 25

[日] 26
[月] 27
[火] 28
[水] 29
[木] 30
[金]
[土]


[日] 1
[月] 2
[火] 3
[水] 4
[木] 5
[金] 6
[土] 7

[日] 8
[月] 9
[火] 10
[水] 11
[木] 12
[金] 13
[土] 14

[日] 15
[月] 16
[火] 17
[水] 18
[木] 19
[金] 20
[土] 21

[日] 22
[月] 23
[火] 24
[水] 25
[木] 26
[金] 27
[土] 28

[日] 29
[月] 30
[火] 31
[水]
[木]
[金]
[土]


[日] 1
[月] 2
[火] 3
[水] 4
[木] 5
[金] 6
[土] 7

[日] 8
[月] 9
[火] 10
[水] 11
[木] 12
[金] 13
[土] 14

[日] 15
[月] 16
[火] 17
[水] 18
[木] 19
[金] 20
[土] 21

[日] 22
[月] 23
[火] 24
[水] 25
[木] 26
[金] 27
[土] 28

最近のコメント

RSS

最近のトラックバック

RSS

このページのトップへ

© CMONOS Co. Ltd.


PC 向けページに移動する