回到開源作品

React Intl Phone Number

開源

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

作品畫面

驗證狀態：有效、號碼過長（TOO_LONG）與必填三種情況。 — 驗證狀態：有效、號碼過長（TOO_LONG）與必填三種情況。點擊圖片可查看原尺寸

可搜尋的國旗與國碼下拉選單。 — 可搜尋的國旗與國碼下拉選單。點擊圖片可查看原尺寸

提示框列出可接受的手機與市話格式。 — 提示框列出可接受的手機與市話格式。點擊圖片可查看原尺寸

解決的問題

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

實作方向

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