When building forms in JotForm, one of the most important aspects is ensuring that the data your users input is formatted correctly, especially for fields like numbers and currency. If your form involves large numerical inputs, having a thousand separator can greatly enhance readability and reduce the chances of mistakes. Thankfully, JotForm offers a convenient solution for this with its Masked Input widget.
In this tutorial, we’ll explore how to add thousand separators to your form inputs using JotForm's Masked Input widget, step by step.
1. Introduction
Follow the steps to streamline this process effectively.
2. Open the elements section
Click on the '+' icon.
3. Click "Widgets"
Navigate to the "Widgets" section.
4. Click "Search widgets"
5. Enter "Masked Input" in the field
6. Click "Masked Input"
Choose the "Masked Input" element.
7. Open the properties section of the element
Proceed by clicking in the specified location.
8. Click "Advanced"
Access the "Advanced" settings.
9. Change the label
Enter anything you want in the field provided
10. Open widget setting
Click on the provided area to continue.
11. Set the decimal field
If we do not want decimal to be displayed, we should set this value to 0.
12. Set the prefix field
You can enter whatever you want in the Prefix field.
13. Click "Update Widget"
Update the widget by clicking on it.
14. Click "Preview Form"
We can test it now.
15. Enter value into input
We write "€ 100,999" in the specified field and we see that it is separated by a separator.
This tutorial provides instructions on how to display input values with thousands separators. You can check the widget settings section to get more different formats with masked input.
The Tool Builders
Ready to collaborate, learn, and create alongside passionate tool builders? Join today and be part of a community dedicated to excellence.
Join the community