Input MSISDN
Input MSISDN
Input MSISDN is a specialized input for Indonesian mobile numbers with automatic normalization (+62/62 → 0) and provider validation.
Visual Specifications
Section titled “Visual Specifications”| Property | Value |
|---|---|
| Max Length | 13-14 digits |
| Min Length | 10-12 digits |
| Input Type | Numeric (numbers only) |
| Validation Colors | Success (green), Error (red) |
States
Section titled “States”No input, default state
Green color, Telkomsel number detected
Green color, other provider detected
Red color, validation failed
Auto-Normalization
Section titled “Auto-Normalization”The input automatically formats numbers:
| Input | Normalized To |
|---|---|
| +62812345678 | 0812345678 |
| 62812345678 | 0812345678 |
| 0812345678 | 0812345678 (unchanged) |
Provider Detection
Section titled “Provider Detection”Validates against Indonesian mobile providers:
| Prefix | Provider |
|---|---|
| 0811, 0812, 0813, 0821, 0822, 0852, 0853 | Telkomsel |
| 0817, 0818, 0819, 0859, 0877, 0878 | XL Axiata |
| 0856, 0857, 0858 | Indosat Ooredoo |
| 0895, 0896, 0897, 0898, 0899 | Tri (3) |
Usage Guidance
Section titled “Usage Guidance”When to use
Section titled “When to use”- Collecting Indonesian mobile numbers
- MSISDN input with auto-formatting
- When provider validation is needed
Best practices
Section titled “Best practices”| ✅ Do | ❌ Don’t |
|---|---|
| Show normalized value to user | Accept international formats (+62) |
| Display detected provider | Allow non-numeric characters |
| Provide clear error messages | Hide formatting from user |
| Format as user types (on blur) | Skip validation for critical flows |
Error Messages
Section titled “Error Messages”| Scenario | Message |
|---|---|
| Empty | ”Phone number is required” |
| Invalid format | ”Please enter a valid phone number” |
| Wrong provider | ”This number is not supported” |