マスクは、入力に合わせてテキストフィールドの書式を整えます。00/00/0000 はスラッシュを補い、AA 000 AA は英字と数字を決まった順に受け付けます。当てはまらない文字は入力されず、途中に入力してもキャレットの位置は保たれます。
マスクはトークンとリテラルでできています。0 は数字、a は文字、* はそのどちらかを表し、A と X はコード向けの同じ役割のトークンで、大文字で入力されます。tokens で独自のトークンを追加したり、入力内容に応じてマスクを選ぶ関数を渡したりできます。nuiCardMask はそうした関数で、カードブランドに応じてマスクを選びます。
値は表示どおりの文字列で、unmask を指定するとデータだけになります。マスクは Signal Forms、リアクティブフォーム、ngModel で使え、入力途中の値はエラーになります。
書式
日付、時刻、ナンバープレート、そして16進数の数字を受け付ける独自のトークンを使ったカラーコードです。
— · — · — · —
支払い情報
Signal Forms のフィールドです。カード番号のマスクはブランドに合わせて変わり、セキュリティコードは American Express なら4桁になります。nuiCardValid と nuiIbanValid が番号を検証します。
Card: — · IBAN: —