Custom Mask Input
Custom Mask Input
Documentation
Documentation
search
rocket_launchGetting Started
expand_moreIntroduction
What This Plugin Does
What This Plugin Does NOT Do
Installation
First Successful Test
settingsConfiguration
chevron_rightOverview
Element Properties
Mask Type
Auto Apply
codeUsage Examples
chevron_rightBasic Phone Number Masking
Date of Birth Entry
Credit Card Field
Social Security Number
Custom Product Code
Postal Code with Plus 4
Time Entry (24-hour Format)
Repeating Group Contact List
Conditional Document ID Format
Canadian Postal Code
International Phone with Country Code
check_circleBest Practices
chevron_rightID Attribute Naming Conventions
Mask Pattern Design
Performance Optimization
User Experience Guidelines
Data Storage Considerations
Accessibility Best Practices
Validation Integration
Internationalization
Testing Strategies
bug_reportTroubleshooting
chevron_rightMask Not Applying
Wrong Characters Accepted
Separators Not Appearing
Masking Not Working in Repeating Group
Formatted Value Not Saving to Database
Cursor Jumping or Positioning Issues
Mobile Keyboard Issues
Performance Degradation
Paste Operation Not Working
Conflicts with Other Plugins
Browser Compatibility Issues
Auto Apply Not Detecting New Inputs
lightbulbUse Cases
chevron_rightUser Registration Forms
Payment Processing Forms
HR & Employee Management Systems
Healthcare Applications
Real Estate Listing Forms
Event Registration
Financial Services Applications
E-Commerce Product Registration
Multi-Location Business Dashboards
Government Form Applications
Getting Started
Introduction
Nebula - Custom Mask Input transforms standard Bubble input fields into formatted, guided data entry interfaces using simple mask patterns. By defining placeholder characters for digits and letters, you can enforce consistent formatting for phone numbers, dates, credit cards, postal codes, document IDs, and any structured text that requires specific separators or fixed positioning.
The plugin works by intercepting user input in real-time, validating each character against your mask pattern, and automatically inserting separators like dashes, slashes, parentheses, or spaces. Users see the expected format instantly as they type, reducing errors and confusion while improving overall form completion rates.