サポート > リポジトリ > 入力制御 > 電話番号入力時、自動的にハイフン区切りを行う

電話番号の入力で、数字を入力したら自動で'-'ハイフン区切りを行うようにすることができます。

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

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

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

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

謝辞

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