回到開源作品

React Intl Phone Number

開源

提供國際電話輸入、國碼搜尋、E.164 格式與可設定的驗證規則。

作品畫面

驗證狀態:有效、號碼過長(TOO_LONG)與必填三種情況。
驗證狀態:有效、號碼過長(TOO_LONG)與必填三種情況。點擊圖片可查看原尺寸
可搜尋的國旗與國碼下拉選單。
可搜尋的國旗與國碼下拉選單。點擊圖片可查看原尺寸
提示框列出可接受的手機與市話格式。
提示框列出可接受的手機與市話格式。點擊圖片可查看原尺寸

解決的問題

跨國電話欄位同時涉及格式、國碼、驗證與介面一致性。

實作方向

  1. 01封裝可搜尋的國旗與國碼選擇。
  2. 02以 google-libphonenumber 處理電話驗證。
  3. 03提供 E.164 輸入輸出、主題與驗證等級設定。
eSIM 226

站長優惠

出國工作,網路也要跟著走

eSIM 226 是涵蓋全球 190+ 目的地的旅遊 eSIM:出發前線上把方案買好,落地掃 QR Code 就有網路,免換實體卡、免付天價漫遊費,原門號留在手機裡照樣收銀行簡訊。日本 3GB/15 天約 3.4 美元起,短程旅行不用買整個月。 優惠碼 TRAVEL30,全站 7 折(現省 30%),不得與其他優惠碼合併。

  • 190+ 目的地,日韓歐美一次涵蓋
  • 掃碼即開通,不必等實體卡寄送
  • 走當地資費,回國不會收到漫遊帳單

本站聯盟推廣連結。透過連結購買,站長可獲得少量佣金,你的價格不會變貴。

看方案