Follow Us.RSS

2011年2月15日(火)入力をしっかりチェックしよう

  • CMONOS.JP のカスタムフィールドは、フィールドタイプごとに細かな入力チェックを行うことができます。今回は CMONOS.JP の入力チェックや必須項目切り替えについてご紹介します。

  • (2011年2月15日(火) 午前10時32分50秒 更新)
  • このエントリーをはてなブックマークに追加TweetBuzzurlにブックマークBuzzurlにブックマーク

フィールドタイプごとに用意された多彩な入力チェック

CMONOS.JP では「入力フィールド設定」の「詳細設定」で、各フィールドについて細かく設定できます。

たとえば「文字列」フィールドタイプでは、「ひらがな」や「カタカナ」の入力を強制できるほか、禁止文字列や文字変換表を設定することもできます。なお「カタカナ」の入力を強制しているとき「ひらがな」で入力されると自動的に「カタカナ」に変換されます(もちろん逆パターンでも変換します)。

CMONOS.JP のサンプルサイトにある「ネコ語掲示板」での設定例。

下画像は「日時」フィールドタイプの「詳細設定」画面です。あらかじめ指定可能な日時を設定しておけば、入力間違いを防ぐことができます。

設定範囲は相対日時で指定することもできます。

また、「ファイル添付」フィールドタイプでは、アップロードできるファイルの種類やサイズを設定できます。画像の横幅あるいは高さについて制限値を設定しておくと、ファイルアップロード時にサーバ側で画像を制限内に収まるよう縮小します(サーバ環境により動作しない場合があります)。

アップロードされたファイルは主要なプラグインで表示できる場合はプラグインで表示し、主要なプラグインで表示できないものについてはダウンロードアイコンを表示します。

後続の必須項目を切り替えられる「必須項目制御」フィールド

CMONOS.JP のカスタムフィールドには、選択された内容によって、後続のフィールドを必須項目に指定する、あるいは逆に必須項目から外す「必須項目制御」フィールドタイプが用意されています。必要のない項目を隠すことも可能です。

サンプルサイトのご来店予約フォームでは、この機能を利用し、「希望連絡方法」で選択された内容に応じて後続フィールドの表示を切り替えています。

サンプルでは「希望連絡方法」を「メールアドレス」から「電話番号」に切り替えると、「メールアドレス」入力欄がフェードアウトし、同時に「電話番号」入力欄が現れます。

こうした切り替えを実現するには次のように設定します。

まず、入力フィールド設定のフィールド一覧で、必須指定を切り替えたい項目をすべて必須項目とします。

次に、「必須項目制御」フィールドタイプ(ここでは「希望連絡方法」)の詳細設定を開き、それぞれの項目が「選択されたとき」、後続の隠したいフィールドについて「必須項目指定を解除し隠す」よう設定します。

これら入力チェックは、フィールドを利用するすべてのツールで設定することができます。ぜひご活用ください。

コメント

ボンダイ-ニコリン

日時フィールドの設定について

こんにちは。
ネコ語掲示板って、文字変換表で設定してるんですね。
勉強になります。

ところで、日時フィールドの設定範囲の下記以降で、1日後と設定した場合(書き込み時間をデフォルトにするにチェックを入れた状態)、日時の表示って自動的に○日以降にならないでしょうか?
設定すると、デフォルト日時の表示で、指定範囲の日時が加算されてると、入力が楽になるかなと思ったので。

KAI (2011年2月15日(火) 午後1時52分4秒)
タンジェリン-エヘッ

コメントありがとうございます。なるほど、たしかにおっしゃる通りですね! 次期バージョンで改善したいと思います。参考になるご意見重ねて感謝いたしますm(_ _)m。

CMONOS.JP 開発者 ちーhttps://cmonos.jp/blog/ (2011年2月15日(火) 午後4時46分2秒)
タンジェリン-エヘッ

早速実装してみました。タイミング的に中途半端なので現在配布中のバージョンに含めることにいたしました。もしよろしければもう一度最新版をダウンロードして「~/cgi-data/lib/CMONOS/CGI_Lib」フォルダのみ新しいものに差し替えてください。

CMONOS.JP 開発者 ちーhttps://cmonos.jp/blog/ (2011年2月15日(火) 午後8時3分1秒)
ボンダイ-エヘッ

ありがとうございます!ちょうど、フォームメールの日時フィールドで設定範囲を試していたところだったので、聞いてみて良かったです。
お陰様で、入力が楽になりました。
CMONOS.JP って、使い込むほど味が出ますね。
ではでは(^^)

KAI (2011年2月16日(水) 午前10時23分36秒)
タンジェリン-エヘッ

ご報告感謝いたします。それから、ありがたいお言葉ありがとうございます! 使い込むほど、「CMONOS.JP という CMS」ではなく、ユーザー自身の「道具」になっていけばいいなあと思って開発していますのでとてもうれしいです。また何かお気づきの点がありましたらぜひご指摘ください。お待ちしておりますm(_ _)m。

CMONOS.JP 開発者 ちーhttps://cmonos.jp/blog/ (2011年2月16日(水) 午前10時30分14秒)

トラックバック

関連記事

[画像]

CMONOS.JP | 開発者ブログ | 「必須項目制御」を使いこなそう!

2009年3月26日 ... そんなときに便利な「必須項目制御」フィールドタイプについてご紹介します。 ... 必須項目制御」は、メニューまたはチェックボックス・ラジオボタンで選択された項目に応じて 後続のフィールドの必須項目指定を切り替えるフィールド .... JP のカスタムフィールド 機能なら、画像の貼り付けも、必須項目の入力チェックも、思いのまま。
https://cmonos.jp/blog/2009032600/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | フォームメールをいつでもいくつでも!

2008年10月23日 ... たとえば「必須項目制御」フィールドはいかがでしょう。どの選択肢を選ん ... 上記 サンプルの問い合わせで使用している「必須項目制御」の例。 .... JP のカスタム フィールドは、 フィールドタイプごとに細かな入力チェックを行うことができます。
https://cmonos.jp/blog/2008102300/1.shtml
[画像]

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

2014年1月20日 ... 必須項目の切り替えも簡単! ラジオボタンやメニューで選択された内容によって、必須 項目を切り替えたい場合は、「アンケートフィールド設定」で「必須項目制御」フィールド タイプを追加します。 くわしくはこちら » 「必須項目制御」を使いこなそう ...
https://cmonos.jp/blog/2014012000/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 導入事例の裏側大公開!

2009年10月15日 ... JP のカスタムフィールドは、フィールドタイプごとに細かな入力チェックを行うことができ ます。 ... 必須項目制御」は、メニューまたはチェックボックス・ラジオボタンで選択された 項目に応じて後続のフィールドの必須項目指定を切り替える ...
https://cmonos.jp/blog/2009101500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ

2015年1月13日 ... CMONOS.JP のカスタムフィールドは、フィールドタイプごとに細かな入力チェックを行う ことができます。 ... フィールドタイプごとに用意された多彩な入力チェック · 後続の必須 項目を切り替えられる「必須項目制御」フィールド. 2011年2月15日( ...
https://cmonos.jp/blog/
[画像]

CMONOS.JP | 開発者ブログ | ウェブデータベースを改善!

2009年5月25日 ... JP | 開発者ブログ | 入力をしっかりチェックしよう. 2011年2月15日 ... CMONOS.JP の カスタムフィールドは、フィールドタイプごとに細かな入力チェックを行うことができます。 今回は CMONOS.JP の入力チェックや必須項目切り替えについてご ...
https://cmonos.jp/blog/2009052500/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 二重の入れ子でだいたいOK!?

2008年7月28日 ... JP | 開発者ブログ | 入力をしっかりチェックしよう. 2011年2月15日 ... CMONOS.JP の カスタムフィールドは、フィールドタイプごとに細かな入力チェックを行うことができます。 今回は CMONOS.JP の入力チェックや必須項目切り替えについてご ...
https://cmonos.jp/blog/2008072800/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 決裁機能付きデータベースを作ろう!

2008年11月13日 ... JP | 開発者ブログ | 入力をしっかりチェックしよう. 2011年2月15日 ... CMONOS.JP の カスタムフィールドは、フィールドタイプごとに細かな入力チェックを行うことができます。 今回は CMONOS.JP の入力チェックや必須項目切り替えについてご ...
https://cmonos.jp/blog/2008111300/1.shtml
[画像]

CMONOS.JP | 開発者ブログ | 復活!POSTMAN!

2012年6月22日 ... 「CMONOS.JP」の多彩な入力チェック機能を使えるほか、大容量の添付ファイルを 受け取ることも可能です。 ..... このようなフォーム入力部分での入力チェックの項目を 確認画面では消すことは今のプログラムではできますでしょうか? もしできるなら ...... そんなときに便利な「必須項目制御」フィールドタイプについてご紹介します。
https://cmonos.jp/blog/2012062200/1.shtml
[画像]

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

2008年10月3日 ... CMONOS.JP のカレンダーは設定次第で、予約システムとしても使えます。 時間を自由 に ... JP のフォームメール「アンケート」ならね! .... CMONOS.JP のカスタムフィールド は、フィールドタイプごとに細かな入力チェックを行うことができます。
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
[木] 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 向けページに移動する