InputField V2
製品情報
InputField V2は独自のテキストフィールドを提供する「JSPカスタムタグライブラリ」です。
入力制限を掛けることができるフォーマットフィールド、金額型表示専用の金額型フィールドを提供します。
V2の拡張機能
CheckFilterとは
CheckFilterはJSP/ServletのWEBアプリケーションでサーバでの入力チェックの実現を行います。CheckFilterを使用することにより、WEBアプリケーションでの入力チェックを単純なものとし、開発効率を飛躍的に高めることができます。
- 機能について
本システムは以下のことを判断し、リクエストを振り分けることができます。
- 入力された文字の種類の判断
- 入力された文字の文字数の判断
- 必須かどうかの判断
- 入力された文字の置換
- 入力許可文字・禁止文字の判断
- メールアドレスかどうかの判断
- 数字の最大値・最小値の設定
- 時間型フォーマットの判断
- 正規表現でのフォーマットの判断
- 仕組みについて
なんらかのリクエストを行った際に、入力されたデータをservlet2.3より導入のjavax.servlet.Filterクラスを使用した「CheckFilter」で受け取り、その入力データが設定どおりならば正規のリクエスト先へ、誤入力ならエラーリクエスト先へと、リクエストを振り分けることができます。
- Configツールについて
CheckFilterでは、単体で動作するswing版の設定ツールとEclipseでプラグイン可能な動作ツールを用意しております。
タグ一覧
ffc:formattedField
ffc:formattedFieldタグは任意の入力＆表示フォーマットを指定できるテキストフィールドを提供します。フォーマットを指定することにより、テキストフィールドに常に決まった文字を表示する部分と、ユーザの入力文字を表示する部分を自由に設定することができます。また、ユーザの入力文字を表示する部分は、指定した文字または文字種のみ入力可能にすることができます。
・タグ使用例
<FORM>
<ffc:formattedField id="myField“ format="<AAA-A9-9999>“ width="125px"name="myField"/>
</FORM>
| アトリビュート名 | 省略 | 意味 | 省略時の動作 |
|---|---|---|---|
| id | 不可 | ドキュメント内で一意なID。 | - |
| format | 不可 | フォーマット文字列。 | - |
| paddingChar | 可 | 空白を埋める文字。 | "_"（アンダースコア） |
| enableChars | 可 | 任意の入力可能文字。 | なし |
| defaultValue | 可 | デフォルト表示文字列。 | 固定文字とパディング文字からなる、フォーマットに従った文字列。 |
| foregroundColor | 可 | 前景色。 | "black" |
| backgroundColor | 可 | 背景色。 | "white" |
| errorForegroundColor | 可 | エラー時前景色。 | "white" |
| errorBackgroundColor | 可 | エラー時背景色。 | "red" |
| autoEscape | 可 | 最終文字入力時の自動脱出。 true/falseで指定。 |
"true" |
| changeColorOnError | 可 | エラー時に色を変更。 true/falseで指定。 |
"true" |
| holdFocusOnError | 可 | エラー時にフォーカスを保持する。 true/falseで指定。 |
"true" |
| name | 可 | 名前。 | なし |
| tabIndex | 可 | タブインデックス。 | なし |
| title | 可 | ツールチップ。 | なし |
| disabled | 可 | 項目の操作の可否。 true/falseで指定。 |
"false" |
| readOnly | 可 | 項目の編集の可否。 true/falseで指定。 |
"false" |
| cssclass | 可 | インプットのclassを指定。 | なし |
| noSelect | 可 | 項目の編集の可否。 | "false" |
| width | 可 | 幅。 CSSプロパティ「width」と同等。 |
ブラウザに依存 |
| height | 可 | 高さ。 CSSプロパティ「height」と同等。 |
ブラウザに依存 |
| borderColor | 可 | ボーダ色。 CSSプロパティ「border-color」と同等。 |
ブラウザに依存 |
| borderTopColor | 可 | 上ボーダ色。 CSSプロパティ「border-top-color」と同等。 |
ブラウザに依存 |
| borderRightColor | 可 | 右ボーダ色。 CSSプロパティ「border-right-color」と同等。 |
ブラウザに依存 |
| borderBottomColor | 可 | 下ボーダ色。 CSSプロパティ「border-bottom-color」と同等。 |
ブラウザに依存 |
| borderLeftColor | 可 | 左ボーダ色。 CSSプロパティ「border-left-color」と同等。 |
ブラウザに依存 |
| borderWidth | 可 | ボーダ幅。 CSSプロパティ「border-width」と同等。 |
ブラウザに依存 |
| borderTopWidth | 可 | 上ボーダ幅。 CSSプロパティ「border-top-width」と同等。 |
ブラウザに依存 |
| borderRightWidth | 可 | 右ボーダ幅。 CSSプロパティ「border-right-width」と同等。 |
ブラウザに依存 |
| borderBottomWidth | 可 | 下ボーダ幅。 CSSプロパティ「border-bottom-width」と同等。 |
ブラウザに依存 |
| borderLeftWidth | 可 | 左ボーダ幅。 CSSプロパティ「border-left-width」と同等。 |
ブラウザに依存 |
| borderStyle | 可 | ボーダスタイル。 CSSプロパティ「border-style」と同等。 |
ブラウザに依存 |
| borderTopStyle | 可 | 上ボーダスタイル。 CSSプロパティ「border-top-style」と同等。 |
ブラウザに依存 |
| borderRightStyle | 可 | 右ボーダスタイル。 CSSプロパティ「border-right-style」と同等。 |
ブラウザに依存 |
| borderBottomStyle | 可 | 下ボーダスタイル。 CSSプロパティ「border-bottom-style」と同等。 |
ブラウザに依存 |
| borderLeftStyle | 可 | 左ボーダスタイル。 CSSプロパティ「border-left-style」と同等。 |
ブラウザに依存 |
| fontFamily | 可 | フォントファミリ。 CSSプロパティ「font-family」と同等。 |
ブラウザに依存 |
| fontSize | 可 | フォントサイズ。 CSSプロパティ「font-size」と同等。 |
ブラウザに依存 |
| fontStyle | 可 | フォントスタイル。 CSSプロパティ「font-size」と同等。 |
ブラウザに依存 |
| fontWeight | 可 | フォントの太さ。 CSSプロパティ「font-weight」と同等。 |
ブラウザに依存 |
| margin | 可 | マージン。 CSSプロパティ「margin」と同等。 |
ブラウザに依存 |
| marginTop | 可 | 上マージン。 CSSプロパティ「margin-top」と同等。 |
ブラウザに依存 |
| marginRight | 可 | 右マージン。 CSSプロパティ「margin-right」と同等。 |
ブラウザに依存 |
| marginBottom | 可 | 下マージン。 CSSプロパティ「margin-bottom」と同等。 |
ブラウザに依存 |
| marginLeft | 可 | 左マージン。 CSSプロパティ「margin-left」と同等。 |
ブラウザに依存 |
| padding | 可 | パディング。 CSSプロパティ「padding」と同等。 |
ブラウザに依存 |
| paddingTop | 可 | 上パディング。 CSSプロパティ「padding-top」と同等。 |
ブラウザに依存 |
| paddingRight | 可 | 右パディング。 CSSプロパティ「padding-right」と同等。 |
ブラウザに依存 |
| paddingBottom | 可 | 下パディング。 CSSプロパティ「padding-bottom」と同等。 |
ブラウザに依存 |
| paddingLeft | 可 | 左パディング。 CSSプロパティ「padding-left」と同等。 |
ブラウザに依存 |
| textAlign | 可 | 文字列の横方向位置。 CSSプロパティ「text-align」と同等。 |
ブラウザに依存 |
| verticalAlign | 可 | フィールド自体の縦方向位置。 CSSプロパティ「vertical-align」と同等。 |
ブラウザに依存 |
| textDecoration | 可 | テキスト装飾。 CSSプロパティ「text-decoration」と同等。 |
ブラウザに依存 |
ffc:currencyField
ffc:currencyFieldタグは金額表示専用のテキストフィールドを提供します。このフィールドには数値を表す文字列のみが入力可能です。1文字入力するたびにカンマ位置が計算され自動挿入されます。
・タグ使用例
<FORM>
<ffc:currencyFieldid="myField" maximumValue="100000" minimumValue="-100000" width="90px" name="myField"
/>
</FORM>
| アトリビュート名 | 省略 | 意味 | 省略時の動作 |
|---|---|---|---|
| id | 不可 | ドキュメント内で一意なID。 | - |
| maximumValue | 不可 | 最大値。 十進数を文字列で指定。 それ以外の時は「0」として解釈。 |
- |
| minimumValue | 可 | 最小値。 十進数を文字列で指定。 それ以外の時は「0」として解釈。 |
"0" |
| defaultValue | 可 | デフォルト値。 十進数または文字列で指定。 |
minimumValueの値 |
| prefix | 可 | 接頭辞。 | "￥" |
| suffix | 可 | 接尾辞。 | ""（空文字列） |
| foregroundColor | 可 | 前景色。 | "black" |
| backgroundColor | 可 | 背景色。 | "white" |
| errorForegroundColor | 可 | エラー時前景色。 | "white" |
| errorBackgroundColor | 可 | エラー時背景色。 | "red" |
| checkDuringInput | 可 | 入力中の範囲チェックの有無。 true/falseで指定。 |
"true" |
| changeColorOnError | 可 | エラー時に色を変更。 true/falseで指定。 |
"true" |
| holdFocusOnError | 可 | エラー時にフォーカスを保持する。 true/falseで指定。 |
"true" |
| nullCheck | 可 | inputに入力がなかった場合にエラーにするか設定。 | "true" |
| name | 可 | 名前。 | なし |
| tabIndex | 可 | タブインデックス。 | なし |
| title | 可 | ツールチップ。 | なし |
| disabled | 可 | 項目の操作の可否。 true/falseで指定。 |
"false" |
| readOnly | 可 | 項目の編集の可否。 true/falseで指定。 |
"false" |
| cssclass | 可 | inputのclass属性の設定。 | なし |
| noSelect | 可 | タブキーで移動された場合に全選択するかどうかを設定。 | "true" |
| decimalPoint | 可 | 小数点以下桁数の最大値を設定。 | 0 |
| width | 可 | 幅。 CSSプロパティ「width」と同等。 |
ブラウザに依存 |
| height | 可 | 高さ。 CSSプロパティ「height」と同等。 |
ブラウザに依存 |
| borderColor | 可 | ボーダ色。 CSSプロパティ「border-color」と同等。 |
ブラウザに依存 |
| borderTopColor | 可 | 上ボーダ色。 CSSプロパティ「border-top-color」と同等。 |
ブラウザに依存 |
| borderRightColor | 可 | 右ボーダ色。 CSSプロパティ「border-right-color」と同等。 |
ブラウザに依存 |
| borderBottomColor | 可 | 下ボーダ色。 CSSプロパティ「border-bottom-color」と同等。 |
ブラウザに依存 |
| borderLeftColor | 可 | 左ボーダ色。 CSSプロパティ「border-left-color」と同等。 |
ブラウザに依存 |
| borderWidth | 可 | ボーダ幅。 CSSプロパティ「border-width」と同等。 |
ブラウザに依存 |
| borderTopWidth | 可 | 上ボーダ幅。 CSSプロパティ「border-top-width」と同等。 |
ブラウザに依存 |
| borderRightWidth | 可 | 右ボーダ幅。 CSSプロパティ「border-right-width」と同等。 |
ブラウザに依存 |
| borderBottomWidth | 可 | 下ボーダ幅。 CSSプロパティ「border-bottom-width」と同等。 |
ブラウザに依存 |
| borderLeftWidth | 可 | 左ボーダ幅。 CSSプロパティ「border-left-width」と同等。 |
ブラウザに依存 |
| borderStyle | 可 | ボーダスタイル。 CSSプロパティ「border-style」と同等。 |
ブラウザに依存 |
| borderTopStyle | 可 | 上ボーダスタイル。 CSSプロパティ「border-top-style」と同等。 |
ブラウザに依存 |
| borderRightStyle | 可 | 右ボーダスタイル。 CSSプロパティ「border-right-style」と同等。 |
ブラウザに依存 |
| borderBottomStyle | 可 | 下ボーダスタイル。 CSSプロパティ「border-bottom-style」と同等。 |
ブラウザに依存 |
| borderLeftStyle | 可 | 左ボーダスタイル。 CSSプロパティ「border-left-style」と同等。 |
ブラウザに依存 |
| fontFamily | 可 | フォントファミリ。 CSSプロパティ「font-family」と同等。 |
ブラウザに依存 |
| fontSize | 可 | フォントサイズ。 CSSプロパティ「font-size」と同等。 |
ブラウザに依存 |
| fontStyle | 可 | フォントスタイル。 CSSプロパティ「font-style」と同等。 |
ブラウザに依存 |
| fontWeight | 可 | フォントの太さ。 CSSプロパティ「font-weight」と同等。 |
ブラウザに依存 |
| margin | 可 | マージン。 CSSプロパティ「margin」と同等。 |
ブラウザに依存 |
| marginTop | 可 | 上マージン。 CSSプロパティ「margin-top」と同等。 |
ブラウザに依存 |
| marginRight | 可 | 右マージン。 CSSプロパティ「margin-right」と同等。 |
ブラウザに依存 |
| marginBottom | 可 | 下マージン。 CSSプロパティ「margin-bottom」と同等。 |
ブラウザに依存 |
| marginLeft | 可 | 左マージン。 CSSプロパティ「margin-left」と同等。 |
ブラウザに依存 |
| padding | 可 | パディング。 CSSプロパティ「padding」と同等。 |
ブラウザに依存 |
| paddingTop | 可 | 上パディング。 CSSプロパティ「padding-top」と同等。 |
ブラウザに依存 |
| paddingRight | 可 | 右パディング。 CSSプロパティ「padding-right」と同等。 |
ブラウザに依存 |
| paddingBottom | 可 | 下パディング。 CSSプロパティ「padding-bottom」と同等。 |
ブラウザに依存 |
| paddingLeft | 可 | 左パディング。 CSSプロパティ「padding-left」と同等。 |
ブラウザに依存 |
| textAlign | 可 | 文字列の横方向位置。 CSSプロパティ「text-align」と同等。 |
ブラウザに依存 |
| verticalAlign | 可 | フィールド自体の縦方向位置。 CSSプロパティ「vertical-align」と同等。 |
ブラウザに依存 |
| textDecoration | 可 | テキスト装飾。 CSSプロパティ「text-decoration」と同等。 |
ブラウザに依存 |
動作環境
| OS | Windows Server 2003 Windows Server 2008 Solaris 9 SPARC RedHat Linux Enterprise Edition version 3 |
|---|---|
| アプリケーショ ンサーバ |
Interstage Application Server V6.0/V7.0/V8.0/V9.0 BEA WebLogic Server 8.1J/9.2J/10.0J WebSphere Application Server V5.0/V6.1 Tomcat 4.1、5.5、6.0 |
| ブラウザ | Internet Explorer 5.5SP2、6.0SP1、6.0SP2、7.0、8.0 |
PDFカタログをダウンロードできます
関連リンク
お問い合わせ・ご相談
|
 電話でのお問い合わせ |
|
 |
|
受付時間 9時～17時(土曜・日曜・祝日・当社指定の休業日を除く) |
|
オペレーターが担当部門へお繋ぎします。製品・ソリューション名をお伝えください。 |
|
 Webからのお問い合わせ |
|
 |
- 2009年3月現在のものです。改良のため予告なしに仕様、デザイン等を変更することがあります。
- 記載されている会社名、製品名は、各社の登録商標または商標です。