WEBVTT

0
00:15.130 --> 00:19.840
Oh, my dear students, my dear students, I have been having a blast.

1
00:19.840 --> 00:20.660
I hope you have to.

2
00:20.660 --> 00:21.910
I hope you've been following along.

3
00:21.940 --> 00:26.980
I hope you dance sometimes, because you've got to enjoy what we're doing.

4
00:26.980 --> 00:27.970
It really is fun.

5
00:29.140 --> 00:29.590
Okay.

6
00:29.590 --> 00:35.280
We've learnt a lot so far, but in this section I just want to talk a little bit more about validation ...

7
00:35.290 --> 00:36.970
form validation.

8
00:36.970 --> 00:39.100
But before I do, let me just have a sip of coffee.

9
00:41.380 --> 00:42.970
Wow, that is nice.

10
00:43.030 --> 00:49.000
It's actually getting very cold here and I'm not a fan of winter as you know, so coffee keeps me

11
00:49.000 --> 00:49.420
warm.

12
00:50.050 --> 00:52.590
What are we going to be discussing in this session?

13
00:52.600 --> 00:54.360
I'm going to keep it brief.

14
00:54.370 --> 00:55.750
Why am I going to keep it brief?

15
00:55.780 --> 00:58.690
Well, you already know a lot of the form validation techniques.

16
00:58.720 --> 01:00.550
We've covered tons of them in this course.

17
01:00.550 --> 01:02.560
We've used attributes like required,

18
01:02.590 --> 01:11.350
we've targeted CSS pseudo classes like valid and invalid and required and placeholder-shown.

19
01:11.350 --> 01:11.890
Etc.

20
01:11.890 --> 01:12.310
ET cetera.

21
01:12.310 --> 01:18.850
So you've used a lot of these built in front side validation techniques already, but there's something

22
01:18.850 --> 01:20.110
we haven't discussed

23
01:20.110 --> 01:20.460
okay,

24
01:20.470 --> 01:25.750
when it comes to front side validation. And when it comes to client side validation, there really are

25
01:25.750 --> 01:27.340
two main categories.

26
01:27.370 --> 01:31.300
There's built-in validation, which we're going to be talking about very briefly, because we already

27
01:31.300 --> 01:32.770
have done a lot of that in this course.

28
01:32.800 --> 01:38.650
But then there's the second type, and that is using JavaScript. And that's what I want to just touch on

29
01:38.650 --> 01:39.580
in this section.

30
01:39.580 --> 01:45.310
In fact, or more specifically, I want to talk about the Constraint Validation API because we get objects

31
01:45.310 --> 01:47.110
like the ValidityState object.

32
01:47.230 --> 01:51.650
We can write our own custom error messages straight out of the box.

33
01:51.650 --> 01:56.240
It really, really is simple, but you do have to know a little bit about it in order to obviously

34
01:56.300 --> 01:58.280
use it, and that's what this section is about.

35
01:58.280 --> 02:02.150
So we're going to be looking at the Constraint Validation API.

36
02:02.180 --> 02:05.390
It's not going to be a massive section, it's not going to be too complicated or too long.

37
02:05.420 --> 02:09.200
Stick with me, stick with me and I'll see you in the next lecture.