Discover the best validation websites created by professional designers. Get inspired and start planning your perfect validation web design today!

Timothy Ricks

Watch the tutorial at https://www.patreon.com/posts/62131468

Design by 
https://dribbble.com/shots/17361196-Contact-Us-Form-3D-Background

BG Video by
https://dribbble.com/shots/17066462-Glass-blower-visual

Easy Form Validation

Kazuhiro Oz Hashimoto

Created the form with a JavaScript plugin for entering and checking international phone numbers.

※You can check the code from Home Settings

International telephone input
https://intl-tel-input.com/

I'd be happy if you LIKE the article or template.👍
Or follow my twitter (@0xOzh)

International Telephone Input

Web Bae

Add some instant form feedback to your users with a little bit of code!

Form Validation While Typing

Aviv Shwartz

Excluding 100 of the most popular free email domains from using it in a Webflow form with JavaScript.

Non free Email validation

The Good Web Host

A clonable project created to help you save time when developing forms on Webflow, now with Form Validation!

With this project, you can copy-paste a custom code element with a <select>
tag with all the countries in the world!

You have three options: 
1. With Emoji Flags
2. Without Emoji Flags
3. Without the Nice Select

DISCLAIMER: the countries are loaded in with JS - so you wouldn't be able to see them on Webflow however when you publish - Voilà!

country-dropdown-by-good-webhost-update

Duncan Hamra

Happy Wednesday! I noticed people were looking for an easy way to confirm password fields in Webflow, so I decided to create this!

There are a few solutions available today, but they don't give much (or any) style control or user feedback while the user is typing. This project does both!

It uses some custom code from Stack Overflow + some custom CSS to style neighboring elements. Tutorial video in the project.

Works with Memberstack, but you're welcome to adapt to any project! I hope it serves you well 😁

Confirm Password

Memberstack

Had some fun rebuilding Webflow's signup, login, and forgot password UI inside Webflow. Social login and account creation are powered by Memberstack. 

The form validation and the show/hide password are powered by some custom code. 

The video tutorial on the homepage explains how it all works. 

Functional Webflow Signup Rebuild

Corey Moen

How to use some Javascript and a modal overlay to gate content based on the birthday and calculated age of a user visiting the page or site.

This is a modified approach from Finsweet’s age gate redirect hack: https://www.finsweet.com/hacks/21/

age-gate-overlay

BRIX Agency

Accept or deny form submissions from your users by adding powerful form validators!

❓ Why should you choose our Form Validators Webflow Utility?

✅ Zero dependencies: We have developed our utility using only JavaScript to avoid relying on third-party apps or external integrations.

🎨 Highly customizable: All these form validators already work with any Webflow form, so you don't have to worry about using third-party form systems and requiring extra customization.

⏰ Fast implementation: Our form validators are built to be implemented quickly on any Webflow form, so we can integrate them into your site in a matter of days!

🚀 Easy to edit: Edit any part of the code hassle-free. Everything is written clearly and well documented.

Check out our live preview 👉🏻: https://form-validator-webflow-utility-brix.webflow.io/

⚙️ Need a hand in implementing this utility? Send us an email to ✉️ contact@brixagency.com and one of our Webflow Experts will get back to you within 24 business hours.

Form Validators Webflow Utility | BRIX Agency

Give your users a slightly better experience with this easy email validation - all you need to do is:

1. Copy one line of code from the page 
2. Add a blank attribute called "nw-email" to the input
3. Create combo classes for your input called "success" and "error"

And you're done!

Email Validation Login Form

Stop forms from being submitted if an email such as gmail, yahoo, hotmail, etc is entered. You can also create a custom error message.

Block Personal Emails/Require Business Emails

Tired of make scenarios breaking, and other havoc being wreaked when a visitor enters an invalid URL into your form input?

So was I - so I made this solution to help you out!

All you need to do is add in the script and one attribute to your form input, and your input will convert anything thrown at it into a valid URL.

Force Valid URLs

Make your members submit a strong password by using this easy to implement validation system - it's customizable, so if you only want to validate based on length for example, you can do that!

Password Validation

Sygnal

Tired of garbage emails coming through your forms? No more foo@bar. Here's how to improve your form's email validation with HTML5 pattern matching. 

validate-emails

Happy Wednesday! 

Today's project is a simple email verification page with links to popular mail clients. The goal is to make it as easy as possible for users to 1) understand what to do next and 2) help them do it more quickly.

Require Email Verification Page

Andrea Morgan

Hey there! here's a quick example for getting an email input validated.
 
Instead of getting garbage data like jane@iforgotmyemail or joe@.com you can prevent the form from submitting and also letting the user know they need to input a valid email. Custom code created with Slater App.

Hope this is useful. Feel free to clone :)

Discover validation websites built by the Webflow community

Discover validation websites built by the Webflow community