電話番号入力時、自動的にハイフン区切りを行う

最終更新日: 2022年8月3日
R8 | R9

実行例

ハイフン区切りなしで電話番号を入力し、カーソルを(次の入力フィールドに)移動すると、そのタイミングで自動的にハイフンを設定します。

図1 電話番号の入力
図2 ハイフンがセットされた

定義方法

上の例では、"電話番号"項目についてのモデル項目詳細ダイアログを開きます。入力制御 > 入力支援で "電話番号をハイフン区切りにする" 設定を有効にします。

図3 電話番号をハイフン区切りにする

仕様・制約

制約

  • 繰り返し項目には対応していません。 R8.3.0 より、繰り返し項目でも本機能が動作するようになりました。
  • 検索画面の検索項目には対応していません。R9.1.3 で対応します。

謝辞

この機能は libphonenumber という JavaScript ライブラリを用いて実現しています。