バリデーションチェック・フィールド

動作

入力バリデーションチェックをしてくれるTextFieldです。

 

バージョン

Curl Advanced UI 0.5

API説明

ValidationTextFieldクラス

  バリデーションチェックのTextFieldクラスです 

パッケージ

  COM.CURLAP.ADVANCED-UI.CONTROLS

スーパークラス

  MultiUIValueControlFrame-of

コンストラクタ

  default
    キーワード引数(ui-object:#ValidationTextFieldUI = null):ValidationtextFieldのUI
    キーワード引数(ok-image:#Url = null):バリデーションチェックOKのイメージ
    キーワード引数(ng-image:#Url = null):バリデーションチェックNGのイメージ

メソッド

  なし

利用方法

ValidationTextFieldのインスタンスを生成します。バリデーションチェックはvalidate-withマクロを利用し、指定します。

{curl 6.0 applet}
{curl-file-attributes character-encoding = “shift-jis”}
{applet manifest = “manifest.mcurl”}

{import * from COM.CURLAP.ADVANCED-UI.CONTROLS}
{import * from COM.CURL.GUI.STYLED-CONTROLS}
{install-style-sheet {manifest-url “file”, “DEFAULT-STYLE-SHEET”}}

{value

    {spaced-vbox
        {text Normal TextField},
        {TextField
            {validate-with
                {NumericValidator}, required? = true
            },
            {on e:ValidationComplete at v:TextField do
                {if v.valid? then
                    {dump e, v}
                }
            }
        },

        {text ValidationTextField},
        {ValidationTextField
            {validate-with
                {NumericValidator},
                required? = true,
                dialog-on-finished? = false
            }
        },

        {ValidationTextField
            prompt = “Just numeric value.”,
            ok-image = {url “images/1.png”},
            ng-image = {url “images/5.png”},
            height = 2cm,
            width = 10cm,
            font-size = 1cm,
            color = “red”,
            {validate-with
                {NumericValidator},
                required? = true,
                dialog-on-finished? = false
            },
            || NOTE: v:CoreTextField (not ValidationTextField)
            {on e:ValueFinished at v:CoreTextField do
                {dump e, v.value}
            }
        }

    }
}

TextFieldに入力しますとバリデーションチェックが行われ、チェックがOKであればok-imageが表示され、NGであれば、ng-imageが表示されます。

サンプル

バリデーションチェック 

関連Curl標準API

TextField