Framer Forms Validation with Phone Mask Component
Framer Forms component do not support validation for Name and Phone fields. This means users can enter numbers and symbols in the Name field and letters in the Phone field. This creates a poor user experience and can result in receiving lots of useless emails from your form.
I have created a component which fixes this problem! With the update, users will only be able to enter letters in the Name field and numbers in the Phone field. Also it adds a phone mask for the Phone input field which you can adjust to your country code.
⚡️ Live website: formfieldsvalidation.framer.website
👉 Watch my YouTube Tutorial (old version with override): https://youtu.be/QIfhxh6Uqio
💥 Component features:
- Now user is only able to enter letters (Latin, Cyrillic) inside the "Name" field.
- Now user is only able to enter numbers inside the "Phone" field.
- Added phone input mask to display phone number in correct layout. You can adjust it for your country.
- You can adjust the country code and mask from the right panel without going into the code!
- Validation works for Name and Last Name fields if you need two separate fields
🙌 Sign up for Framer
You may also like:
Only for personal and commercial use, not for resale!
No distribution without permission.