Input Mask is a plugin that creates a mask for your application's input fields. Do you have complete freedom to create how you want the data that the user enters in the input field to enter, for example, do you want your user to enter his phone number already formatted for the standard of your country? This is possible using the Input Mask.
➡️ Feel free to look at the example at the link: https://acampamentonocode-plugins.bubbleapps.io/version-test/input_mask

➡️ Feel free to look at the editor at the link: https://bubble.io/page?type=page&name=input_mask&id=acampamentonocode-plugins&tab=tabs-1


➡️ Instructions

To start using "Input Mask" you will only need to follow 2 steps and that's it, everything will be perfect, they are:

    1 - To begin, place the input field "Input" in your application. You are also free to use the plugin in the "Multiline Input" field, but it doesn't make much sense to use it in multiline fields. In its "Input" field, define an "ID Attribute" for it.

    2 - Now place the "Input Mask" element on your page. In the configuration window you will need to define two data, they are:

         - Element ID: Here you will inform the value you entered for your "Input" element in the first step.
         - Mask: Here you will inform the mask of your "Input", following the following input rule:

              - A: The user will be able to type in this position of the "Input" letters and numbers.
              - 0: The user can type only numbers in this "Input" position.
              - S: The user can type only letters in this "Input" position.

For example, if you want the user to enter a date, you would make the mask like this: 00/00/0000. The user with this mask can only type numbers, after typing 2 numbers the input will automatically put a "/", after 2 more numbers a "/" and then 4 more numbers. After that, the user will not be able to increase the value, thus avoiding errors in filling out the form.

You are free to create any type of mask, you just have to pay attention to the rule! Below are some examples to see if the "Input Mask" plugin fits any use cases for your application.