Force form inputs to follow a set format, such as DD/MM/YYYY.
View demo projectCréation du scénario Make.com
1. Téléchargez le modèle JSON ci-dessous pour commencer.
2. Naviguez jusqu'à Make.com et créez un nouveau scénario...
![](https://cdn.prod.website-files.com/5bbfaf3252489b4c484ba9b9/648c5b1fbc7994f029551c78_Screen%20Shot%202023-06-16%20at%208.51.21%20AM.jpg)
3. Cliquez sur la petite boîte avec trois points, puis sur Import Blueprint...
![](https://cdn.prod.website-files.com/5bbfaf3252489b4c484ba9b9/648c5b29e80e81cad00f11c8_Screen%20Shot%202023-06-16%20at%208.51.33%20AM.jpg)
4. Téléchargez votre fichier et voilà ! Vous êtes prêt à relier vos propres comptes.
Besoin d'aide avec ce MemberScript ?
All Memberstack customers can ask for assistance in the 2.0 Slack. Please note that these are not official features and support cannot be guaranteed.
Join the 2.0 Slackv0.2 - Bug fix
Fixed formatting issues which caused the script to not work properly as-is.
How to Automatically Format Numerical Inputs in Webflow forms
Memberscripts needed
https://www.memberstack.com/scripts/automatically-format-form-inputs
Tutorial
Cloneable
https://webflow.com/made-in-webflow/website/auto-formatting-form-fields
Why/When would need to automatically format numerical inputs...
- Improved User Experience: Automatically formatting inputs, like phone numbers or currency, helps users enter data correctly and effortlessly.
- Data Consistency: Ensures that the numerical data entered by users is consistent, which is crucial for data processing and analysis.
- Error Reduction: Minimizes the chances of errors in data entry, which can be critical in forms related to financial transactions, bookings, or registrations.
How to Automatically Format Numerical Inputs in Webflow Forms
Automatically formatting numerical inputs in Webflow forms improves the user experience by reducing uncertainty and error while inputting information. This feature is especially useful for forms that specifically formatted numerical data, such as financial information, phone numbers, or measurements.
Implementing Automatic Numerical Formatting in Webflow
Webflow’s numerical form fields (such as a phone field) don’t include any automatic formatting by default. To add automatic numerical formatting, you’d normally need to write custom code to monitor the user input on your fields. That’s why we created a free MemberScript for you that has all the custom code you need. We’ll show you how to add automatic numerical formatting using that MemberScript in this article.
1. Choose Form Fields for Formatting
Choose which form fields on your Webflow site would benefit from automatic numerical formatting. Consider how you’d like them to be formatted and make note for when we configure the script.
2. Add Automatic Formatting to Your Fields
With the MemberScript, you'll add automatic formatting to the fields you chose earlier. Follow the tutorial for Memberscript #33 - Automatically Format Form Inputs to add formatting. An advantage of this MemberScript over other general formatting custom code is it allows you to add a prefix along with a custom format.
3. (Optional) Optimize Page Load
Any scripts you add to a Webflow page are loaded alongside the page. If you’re trying to get your page load time as low as possible, you can generally make your site load faster by optimizing your scripts. In this case, you can optimize MemberScript #33 by removing the lines for formats you’re not using.
Conclusion
Automatically formatting numerical inputs in Webflow forms is a practical and user-friendly feature that improves data accuracy and user experience. By following these instructions and including the MemberScript on your Webflow site, you can streamline the data entry process for your users.
Take a look at our cloneable to see the example used in MemberScript #33’s tutorial. It uses various common numerical formats in a form to show you what the script can do!
![](https://cdn.prod.website-files.com/5c2a9a234fdbba7439c48fa4/657c4f496922e4f513f6767f_s1ZkRR-irghtWgsPx8tUke_IpbFP6NHNqv4AcdnfSeM31On0uGTDHi5pW97Xz7_v8JOFGOPpW6K5RvrtXl0miz2hwuOOTjyJYj-bcQlzsqnxLTpS5n87xn-0ry6SliFU9x3qpFNITqzhLqHmTzFezGk.webp)
Take me to the Scripts
https://www.memberstack.com/scripts/automatically-format-form-inputs