How to create a form field validator inside of your native Webflow form element.

Script

Documentation

Example

View Demo

Clone

[.c-title-3-primary]How do you create Form Validators in Webflow?[.c-title-3-primary]

‍

Use the Refokus Form Validator to create ‘valid’ and ‘non-valid’ states when a user enters information into a form field. This supports Names, Email Addresses and Phone Numbers.

Step #1

Copy the

Form Validator

<script> and paste it before the </body> of your page

Copy Script Code

<script

src=

"

https://tools.refokus.com/form-validator/bundle.v1.0.0.js

"

></script>

Copied!

Step #2

Set Custom Attributes

Everything is made using custom attributes, so when we say “Add” that means "Add a custom attribute”.
‍Learn more

anchor link

General Notes

Step #3

Publish your site to the staging domain to test the tool is working.

Clonable Demo

Publish your site to the staging domain to test the tool is working.

Thank you!

Oops! Something went wrong while submitting the form.

Give us feedback