[]
【重要】2024年1月公開のアップデート「未適用」のお客様へ デモ ヘルプ APIリファレンス
トライアル版
(Showing Draft Content)

Wijmo_Input.Inputmask

InputMask クラス

InputMask コントロールは、ユーザーが何を入力できるかを制御する手段を提供します。

ユーザーが無効なデータを誤って入力することを防いだり、キー入力するときに リテラル（日付のスラッシュなど）をスキップして時間を節約することができます。

 入力の検証に使用するマスクは、<a href="wijmo_input.inputmask.html#mask">InputMask.mask</a> プロパティで定義されます。

マスクには、次の特殊文字を使用できます。

0
数字。
9
数字またはスペース。
#
数字、符号、またはスペース。
L
英字。
l
英字またはスペース。
A
英数字。
a
英数字またはスペース。
.
ローカライズされた小数点。
,
ローカライズされた桁区切り。
ローカライズされた時刻区切り。
/
ローカライズされた日付の区切り文字。
$
ローカライズされた通貨記号。
<
ローカライズされた通貨記号。
>
後続の文字を小文字に変換します。
|
大文字小文字の変換を無効にします。
\
任意の文字をエスケープして、リテラルに変えます。
９
DBCS数字。
Ｊ
DBCSひらがな。
Ｇ
DBCS大文字ひらがな。
Ｋ
DBCSカタカナ。
Ｎ
DBCS大文字カタカナ。
K
SBCSカタカナ。
N
SBCS大文字カタカナ。
Ｚ
任意のDBCS文字。
H
任意のSBCS文字。
All others
他のすべて.

次の例は、InputMask コントロールを使用してカスタム形式を含む文字列を編集する方法を示しています。

Example

階層

  • any
    • InputMask

コンストラクタ

プロパティ

メソッド

イベント

コンストラクタ

constructor

  • new InputMask(element: any, options?: any): InputMask

  • InputMask クラスの新しいインスタンスを初期化します。

    引数

    • element: any

      コントロールをホストするDOM要素、またはホスト要素のCSS セレクター（例: '#theCtrl'）。

    • オプション options: any

      コントロールの初期化データを含むJavaScriptオブジェクト。

    戻り値 InputMask

プロパティ

inputElement

inputElement: HTMLInputElement

コントロールによってホストされているHTML入力要素を取得します。

このプロパティは、入力要素の属性をカスタマイズする場合に使用します。

inputType

inputType: string

コントロールによってホストされているHTML入力要素の"type"属性を取得または設定します。

このプロパティのデフォルト値はtextです。

isReadOnly

isReadOnly: boolean

ユーザーがマウスとキーボードを使用してコントロール値を変更できるかどうかを示す値を取得または設定します。

このプロパティのデフォルト値はfalse です。

isRequired

isRequired: boolean

コントロール値が空以外の文字列でなければならないかどうかを 示す値を取得または設定します。

このプロパティのデフォルト値はtrueです。

mask

mask: string

ユーザー入力時に入力の検証に使用されるマスクを取得または設定します。

このマスクは、InputMask トピックにリストされているマスク文字を使用した 文字列として定義されます。

maskFull

maskFull: boolean

マスクに対して完全に文字が入力されたかどうかを示す値を取得します。

placeholder

placeholder: string

コントロールが空のときにヒントとして表示される文字列を取得または設定します。

promptChar

promptChar: string

コントロール内の入力位置を示すために使用される記号を取得または設定します。

rawValue

rawValue: string

コントロールの生の値（マスクのリテラルは含まない）を取得または設定します。

コントロールの未加工の値には、プロンプトとリテラル文字は含まれません。 たとえば、mask プロパティが"AA-9999"に設定されている場合に、ユーザーが値"AB-1234"を入力すると、 rawValue プロパティはマスクに含まれるハイフンを除外して"AB1234"を返します。

value

value: string

コントロールに現在表示されているテキストを取得または設定します。

静的 controlTemplate

controlTemplate: string

InputMask コントロールのインスタンス化に使用されるテンプレートを取得または設定します。

メソッド

onValueChanged

selectAll

  • selectAll(): void

  • コントロールにフォーカスを設定してそのすべての内容を選択します。

    戻り値 void

イベント

valueChanged

valueChanged: Event

ユーザーアクションの結果として、またはコードでの割り当てにより、value プロパティの値が変化すると発生します。