MARKETPLACE
PLUGINS
INPUT FORMATTER
Input Formatter logo

Input Formatter

Published November 2017
   •    Updated today

Plugin details

The Input Formatter plugin enables the formatting of input fields in your Bubble app to a specific structure such as credit cards, dates, and numbers (with thousands separators). It allows you to define custom formats and apply specific delimiters, prefixes, and letter case, giving you complete control over how user inputs are presented and stored.
Usage Features:

- Supports predefined formats such as credit card numbers, dates, and numeric formats with thousands separators, or you can define a custom format.
- You can set custom delimiters for separating values, such as hyphens for credit card numbers or slashes for dates.
- Allows adding prefixes or suffixes to inputs, which is useful for currencies or other domain-specific needs.
- Converts input text to uppercase or lowercase automatically, or restricts input to only letters.
- Flexibility to define date formats (e.g., m/d/Y) for various localization needs.

 




Feedback



FAQ

- What input formats are supported by this plugin?
You can format inputs for credit card numbers, dates, numeric values (e.g., with thousands separators), or define your own custom format.

- Can I customize the delimiters in input formatting?
Yes, you can specify custom delimiters, such as hyphens, slashes, or any other characters to structure the input as needed.

- How do I apply uppercase or lowercase formatting to the input?
The plugin has settings that allow you to automatically convert all input to either uppercase or lowercase text.

- Can I format date inputs to match specific regional formats?
Yes, you can define the format for date inputs using placeholders such as m/d/Y, which gives you the flexibility to match regional date formatting preferences.







Other plugins from Zeroqode

- Name Formatter Plugin for Bubble
- Credit Card Validator Plugin for Bubble
- Limit / Restrict Input Characters Plugin




Support

If you still have questions or an unresolved issues, you can contact us.


Risk-free Trial

The most risk-free way to try out this plugin is to subscribe to it. If you unsubscribe a few days later you will be charged on pro-rata basis, so for example if the plugin monthly price is $5 then you’d pay only 17¢ per day ($5/30 days)!


Donations

🔥 Please support our efforts to keep this plugin free—your donations help us invest the time and resources needed to continue maintaining and improving it for everyone's benefit:  https://zeroqo.de/support.

Free

For everyone

3.9 stars   •   32 ratings
45.5K installs
This plugin does not collect or track your personal data.

Other actions

Contributor details

Zeroqode - Top Bubble Agency logo
Zeroqode - Top Bubble Agency
Joined 2016   •   817 Plugins
View contributor profile

Instructions

To use, you have to point the Input Formatter element to the ID of the Input element you want to format. In your project settings, under General, make sure "Expose the option to add an ID attribute to HTML elements" is enabled.
Now go to your Input's properties, at the bottom you will see "ID attribute". Add a name here, then in the Input Formatter properties, add it under Input ID.

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Visual Elements   •   Technical   •   Web Scraping   •   Productivity   •   Small Business   •   Data (things)

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (3.9)
Works great
March 23rd, 2025
Formatting input fields was never this easy
Works great
February 25th, 2025
I even had an issue where the "only letter" checkbox was allowing special characters and after reporting it, they've fixed with version 1.23.0 and it works perfectly now.
Works great
February 25th, 2025
I even had an issue where the "only letter" checkbox was allowing special characters and after reporting it, they've fixed with version 1.23.0 and it works perfectly now.
Its almost there
February 14th, 2025
The idea is good, and it does force lowercase, however the "only letters" limiter still allows special characters. It would be great to limit to alphanumeric (letters and numbers, maybe slash and underlines too)
Very Satisfied!
December 16th, 2024
I’m really impressed with how easy it is to implement and the quick responses I get from the support team. Highly recommended!
Bubble