正規表現を使用して Element Plus で電話番号入力をフォーマットする

Question

マイナーではあるが非常にイライラする問題についてのサポートをいただければ幸いです。要素とライブラリを使用して Vue プロジェクトを開発しています。 ユーザー入力: '123456789' ダイヤルする必要があります:' 998-(12) 345-67-89

Element plus にはフォーマッタがありますが、正規表現を使用して作成する必要があります。残念ながら、それを機能させるのに苦労しています。 https://element-plus.org/en-US/component/input.html#formatter

まだ番号を確認しただけなので、詳細はわかりません

リーリー

Answer 1

次の正規表現を使用できます:

リーリー

最初の .replace(/^\ 998|\D/g, '') 文字列の先頭にある 998 を削除します (成功したフォローアップに置き換えられます) ) および数字以外の文字、および replace(/^(\d{1,2})(\d{1,3})?(\d{1,2})?(\ d{1, 2})? .*/, (m, g1, g2, g3, g4) => ` 998-(${g1})` (g2 ? `-${g2}` : '' ) (g3 ? `- ${g3} ` : '') (g4 ? `-${g4}` : '')) -重新格式化数字> を追加して、必要な場合にのみ入力を開始します。