WEBVTT

00:02.000 --> 00:08.000
We begin by creating the elements of the form.

01:03.000 --> 01:09.000
These three fields need to be text fields.

01:37.000 --> 01:44.000
The sender of the emails should be the address filled out by the user.

01:58.000 --> 02:04.000
The name field is valid if it isn't filled out...

02:05.000 --> 02:12.000
...or it contains a space and has a length greater than four.

02:29.000 --> 02:35.000
The email field is valid if it isn't filled out...

02:37.000 --> 02:43.000
...or it contains an at sign.

02:56.000 --> 03:02.000
This field is only visible if there is an employer.

03:15.000 --> 03:21.000
This button is only enabled if these fields are valid...

03:22.000 --> 03:28.000
...and have been filled out.

03:43.000 --> 03:49.000
The user may only proceed if the terms have been accepted.

03:55.000 --> 04:01.000
Add a field to the emails with the current date.

04:09.000 --> 04:13.000
It is hidden from the user.

04:14.000 --> 04:20.000
All done, let's take a look at a preview of the app!

04:29.000 --> 04:35.000
The fields are red as long as the input is invalid.

04:41.000 --> 04:45.000
Thanks for watching!