Auto space field

Hi there, i created a field that will contains a 16 digit number, something like XXXXXXXXXXXXXXXX, i want to user when writes the number every 4 characters that automatically spaces, if you see its more easy and visual to see XXXX XXXX XXXX XXXX than all XXXXXXXXXXX 16 digits. I wanted to create an content format but i didnt find the way.


1 Like


Not sure about “auto space” but you can probably do something similar by using 4 input boxes and then having a “Do When” for each one that has a condition “inputs value is > 999” then “Set Focus” to the next input along.


I was curious. Yeah, Nigel’s idea works. It takes a split second for the system to decide you’re done typing and switch focus to the next input, but it’s usable.

1 Like

Something that works for me is the Masked Input Plugin from It’s easy to use and works directly with the Bubble input element.

To start you need to go to ‘Settings’ and enable the option ‘Expose the option to add an ID attribute to HTML elements’

Next you need to go to the Input element you want the Mask applied to and set a unique ID attribute. This ID will be used in the Masked Input function 'jQuery(function($){$("#[CUSTOM_ID_HERE]"),mask…

Now place an HTML element on the same page as the masked input and place the Masked Input plugin javascript code (can be obtained from the Masked Input plugin page: inside the HTML element along with the function to customize the mask input. Make sure to use the flags around the javascript code. See the example app for help.

You can use ‘Find & Replace’ to remove the unwanted characters. The example below shows how to remove the spaces.

Here is an example app.

Plugin page:

It’s been working for me but let me know if you have any problems.