Validate Email Addresses in Forms.

This form uses the browser's default validation only.

The input field is set to _required, with _type=email.

Notes

Emails like _foo@bar will be accepted.

Try a few emails to see the errors it displays and the emails that will be accepted.

When the form would have submitted, you'll see a pop-up alert.

Here we use the same default settings on the _INPUT element, but we add a custom _pattern attribute.

See the pattern here.

Notes

Patterns allow us to specify the exact regex pattern we want the browser to require for validation.

Validation applies in layers.

Try different entries and notice the different errors you see when you enter, e.g.;

• an empty string
• _bob
• _bob@foo