Blocking Free Email Provider Addresses

Sometimes, you want to block non-work email addresses, from free providers, since they're more likely to be "throwaway" addresses.

A full implementation of this is a bit complex, but a basic implementation using Patterns is easy;

So how do we prevent that?

In addition to setting the field type to email, add the following custom attribute;

_pattern = _{((?!@(gmail.com|yahoo.com|hotmail.com)).)*}

You should be able to enter any email, except those ending in _@gmail.com, _@yahoo.com, or _@hotmail.com.

Add more to the list with another pipe and domain, e.g. _|outlook.com.

Best Practices

Combine techniques;

1. In Webflow's Designer, set the input type to email
2. Also add the custom pattern
3. Optionally, make the field required

‍

‍