This innovative script allows users to create a WebFlow form which automatically validates whether the entries made are true or false in real time.
Introducing an innovative script that will make the experience of form entry on your site much better. It does so by validating the users entry and ensures they don't miss out on anything important while submitting the form by giving appropriate and immediate feedback.
NOTE: The script does not verify if the email is a real email address; it only confirms if the email follows the correct pattern firstname.lastname@example.org. Also, for phone numbers it checks whether the number of digits is between 7 and 15 since thats the minimum and maximum number of digits in a phone number across the world.
Integrating our Form Validation tool into your website is a breeze! Follow these easy steps to get started:
To ensure the smooth functioning of our Form Validation tool, you will need to add custom attributes to the following form fields - email, phone number and name. Only the Name attribute field will change for each field as follows:
The Value attribute field should be left empty.
You can add combo classes to your form fields and design it the way you want. These combo classes are used to show the success and error states in real time.
It's highly recommended to publish your site on staging environment to ensure the scrip. Once you have confirmed it, you can publish it to your primary domain.
By subscribing, you'll stay ahead of the curve and gain valuable insights into cutting-edge WebFlow techniques.