INPUT FORMATTER

Input Formatter

Published February 2022

    •    Updated January 2026

Plugin details

This plugin is a complete and functional input formatter. I built it as I noticed a lot of bugs in the first plugin in the search results. You can restrict your users to use a custom format for your inputs. Here are some examples:

1. Custom code with 3 blocks of 2 digits separated by dashes
33-22-45

2. Add your website prefix for users choosing their slug and make all letters lowercase
mywebsite.com/page/{user's input}

3. Detect any credit card
34 • • • • • • • • • •

4. Custom Phone Number formatting
001-212-456-7890


EDITOR:
https://bubble.io/page?type=page&name=inputformatter&id=letsteststuff&tab=tabs-1

DEMO:
https://letsteststuff.bubbleapps.io/version-test/inputformatter

$10

One time • Or $3/mo

3.0 stars   •   1 ratings

126 installs  

This plugin does not collect or track your personal data.

Platform

Web

Contributor details

NoCodeFusion

Joined 2020   •   10 Plugins

View contributor profile

Instructions

Add the "Formatter" element to your page. Make sure you have "Expose the option to add an ID attribute to elements" checked in your general settings. Add an input to your page and give it a custom ID, then use that same ID in the formatter. Customize to your liking!

Types

This plugin can be found under the following types:

Element

Resources

Support contact

Tutorial

Rating and reviews

Average rating (3.0)

Ok, but needs a little finessing

June 20th, 2023

We got it working and it's pretty functional and overall we're pleased. There is a couple of small issues: 1. When I have formatter in place on a custom input value but have 'numeric only' selected it isn't changing the default keyboard to numbers on iOS. It would be helpful if that was the case! 2. If I try to work around that and change the main element in bubble to numerical values only it breaks the plugin. Fix that and I'll update to 5*!