
📞 Phone Number Formatter (Bubble.io Plugin)
Phone Number Formatter is a powerful and flexible Bubble.io plugin that turns a regular input into a fully-featured international phone number field with real-time validation, country selection, and clean formatting.
Built for production apps, this plugin ensures that every phone number entered by users is valid, standardized, and ready to store or use—no hacks, no unreliable regex, no manual country code handling.
🚀 Key Features
-International Phone Number Support
Automatically formats phone numbers based on the selected country.
-Country Selector with Flags
Dropdown country picker with flag icons and dial codes for a smooth UX.
-Real-Time Validation
Instantly checks if the phone number is valid, too short, too long, or incorrect.
-Precise Validation Logic
Uses strict number validation (not just length checks).
-Bubble-Friendly States
Exposes multiple useful states:
-Full phone number (with country code)
-Value without country code
-Selected country name
-Country ISO code
-Dial code
-Country flag emoji
-Validation correctness (true / false)
-Success & Error Messages
Fully customizable validation messages with control over:
-Font size
-Font family
-Colors
-Spacing
-Auto-Binding & Default Values
Supports prefilled values and dynamic updates from Bubble workflows.
-Responsive & RG-Safe
Works smoothly inside:
-Responsive pages
-Repeating Groups
-Tables
-Smart Z-Index Handling
Country dropdown stays visible even inside complex layouts.
-Event Triggers
Built-in events for:
-Value change
-Country dropdown open / close
⚙️ Customization Options
-Clear input on country change
-Required / optional input handling
-Refresh states while typing
-Show or hide validation messages
-Auto-detect country or restrict country lists
-Preferred countries support