Framer Form Validator

Native Framer forms let users type almost anything, with very few restrictions. :(

Framer Form Validator fixes this by giving you real-time, customizable validation for every field. 🎉 It’s a drop-in component you place inside your existing form — no need for restyling — and it just works. You set the rules, and the component enforces them, making your forms smarter, cleaner, and more reliable.

--------------------------------------
Test the component Live here 🎉
--------------------------------------

• Reduce spam and junk submissions
• Enforce formats and custom rules on any field
• Keep native Framer behavior (submits, required flags, styling) intact
• Customize HTML5 error messages (in any language)
• Clear the rapid-fire HTML5 error bug in native forms
  

Set Validation for

1. Text & Text Area — Control character limits, allow/prohibit spaces, numbers, and special characters, with custom error messages.
2. Phone Number — Enforce valid structure, support prefixes (e.g. +1, +972), local trunk (0), and 7–10 digit numbers — with editable error message.
3. Email — Validate structure (user@domain.TLD) with TLD checking against a standard whitelist, plus add your own custom TLDs.
4. Optional fields, handled smartly — If not required and left empty, they’re skipped; if the user types, they’re validated fully.
5. Debugger overlay (optional) — A small, fixed on-screen helper that shows which fields are connected/missing during setup. Turn off before publishing.
   

Quick Setup

1. Place Form Validator inside your form.
2. Name and select your fields inside the Validator.
3. Set your validation rules per-field.
   
   

Updates & Support

Any bugs reported will be addressed as fast as possible, feel free to contact me for support, questions and improvement suggestions :)

Guaranteed 7-day refund policy.

Available at elon@onix-studio.com

Tutorial