1
00:00:00,840 --> 00:00:03,220
Dus het is weer tijd voor een andere oefening.

2
00:00:03,570 --> 00:00:08,250
Dus dit project hier gaat om alles wat we over gesproken in de laatste paar video's te dekken.

3
00:00:08,280 --> 00:00:15,750
Zodat omvat zaken als de vorm van eieren verschillende soorten ingangen, waaronder dropdown menu's radio knoppen.

4
00:00:15,750 --> 00:00:18,280
Het bevat ook validaties en labels.

5
00:00:18,660 --> 00:00:26,480
Dus vrijwel alles hebben we gesproken over en wat je gaat doen, is ze combineren om een ​​inschrijfformulier voor een aantal nep-website te maken.

6
00:00:26,940 --> 00:00:35,310
Dus het gaat om te kijken als dit een vorm waar een gebruiker kan gaan aanmelden met een Naam Voornaam plukken geslacht.

7
00:00:35,370 --> 00:00:37,170
Email Wachtwoord.

8
00:00:37,290 --> 00:00:44,210
Een verjaardag met drie gedaald menu's en een vakje in te stemmen met de voorwaarden en condities.

9
00:00:44,430 --> 00:00:46,750
Dus weer een paar tips hier.

10
00:00:47,060 --> 00:00:48,860
Deze moeten tekstinvoer.

11
00:00:49,560 --> 00:00:50,950
Dit moet een wachtwoord en.

12
00:00:51,000 --> 00:00:52,490
Dit moet een e-mail worden ingevoerd.

13
00:00:52,500 --> 00:00:53,850
Dit zijn radio knoppen.

14
00:00:54,000 --> 00:00:56,790
Dit zijn drie select-tags.

15
00:00:56,880 --> 00:01:02,930
Dit is een checkbox ingang en dit is in te dienen ingang.

16
00:01:03,360 --> 00:01:06,020
Er zijn dus validaties die nodig zijn.

17
00:01:06,540 --> 00:01:10,140
Dus voornaam achternaam en e-mail kan niet leeg zijn.

18
00:01:10,140 --> 00:01:16,660
Zij zijn verplicht e-mail moet een geldig e-mailadres zijn.

19
00:01:17,190 --> 00:01:21,600
Dus dat moet de juiste e-mail formaat te volgen.

20
00:01:21,600 --> 00:01:26,720
En er is een bonus hier en dit is er een die ik moedig iedereen om te proberen en te vinden.

21
00:01:26,760 --> 00:01:34,340
Dus het punt van deze is dit een van de eerste exemplaren van mij waarin u wordt gevraagd om iets dat ik heb niet direct zien hoe je doen.

22
00:01:34,560 --> 00:01:41,350
En zoals ik al eerder heb gezegd is dit echt wat het is om een ​​ontwikkelaar u bent belast met iets wat je hebt een idee dat u wilt proberen.

23
00:01:41,430 --> 00:01:42,730
Je hebt geen idee hoe dat te doen.

24
00:01:42,900 --> 00:01:45,440
Dus je online gaan en hij deed wat onderzoeken.

25
00:01:45,750 --> 00:01:49,380
Dus de oefening is hier een nother validatie toe te voegen.

26
00:01:49,410 --> 00:01:56,010
Een nieuw type dat we nog niet hebben gesproken over wat de lengte van iets en de manier waarop het zou moeten werken valideren.

27
00:01:56,190 --> 00:02:00,720
Het wachtwoord dat de gebruiker typt in moet tussen de vijf en 10 tekens.

28
00:02:00,780 --> 00:02:03,300
Anders krijgen we deze fout hier.

29
00:02:03,990 --> 00:02:06,380
Dus het is een andere één van deze validaties.

30
00:02:06,390 --> 00:02:07,990
Het is gewoon een die we nog niet hebben gezien.

31
00:02:08,070 --> 00:02:12,500
Dus ik raad gewoon omhoog te trekken Google en zoeken verderop.

32
00:02:12,570 --> 00:02:13,300
Een korte opmerking.

33
00:02:13,320 --> 00:02:14,800
Dit moet een HMO zijn.

34
00:02:14,820 --> 00:02:25,010
Dus als je weet javascript geen javascript toegestaan ​​dat wordt beschouwd als vals spelen voor deze oefening en vervolgens een laatste ding de drie alleen op menu's die moeten select-tags zijn.

35
00:02:25,020 --> 00:02:31,140
Eén opmerking al heb je niet nodig om alle jaren alle maanden hebben alle dagen in een maand dat is gewoon busywork.

36
00:02:31,170 --> 00:02:35,390
Ik wil gewoon twee of drie items in er gewoon zodat u kunt zien hebben de drie selecteert.

37
00:02:35,420 --> 00:02:38,290
Er is de lichte drop down menu's daar.

38
00:02:38,400 --> 00:02:40,530
U hoeft geen zorgen te maken over al ze te vullen.

39
00:02:41,280 --> 00:02:41,560
OK.

40
00:02:41,580 --> 00:02:46,140
Dus ga je gang en aan de slag als u wilt blijven hangen voor een ander moment.

41
00:02:46,140 --> 00:02:48,790
Ik ben gewoon gaan om een ​​demo van de eigenlijke site nu geven.

42
00:02:49,110 --> 00:02:54,020
Dus nogmaals, ik laat alles leeg Ik moet dit in te vullen.

43
00:02:54,530 --> 00:03:00,390
Ik heb in de laatste naam radioknop te vullen hier.

44
00:03:01,780 --> 00:03:02,520
E-mail.

45
00:03:02,520 --> 00:03:04,950
Laat het veld leeg vertelt me ​​om het in te vullen.

46
00:03:05,190 --> 00:03:14,760
Als ik niet een goede e-mail Het wordt boos op me te zetten en vervolgens het wachtwoord moet worden ingevuld.

47
00:03:14,990 --> 00:03:18,880
Eén teken is niet genoeg voor personages niet genoeg.

48
00:03:18,900 --> 00:03:24,520
Nu, als ik naar vijf of zes of wat dan ook is dit heb ik nu genoeg karakters.

49
00:03:25,060 --> 00:03:27,520
Een dropdown menu.

50
00:03:27,600 --> 00:03:28,320
Verjaardag.

51
00:03:28,500 --> 00:03:30,450
Ik kan het eens of niet mee eens.

52
00:03:30,510 --> 00:03:31,890
En nu is de vorm van het.

53
00:03:32,280 --> 00:03:33,730
OK dus dat is het daar.

54
00:03:33,810 --> 00:03:35,400
Ga je gang en probeer dit op uw eigen.

55
00:03:35,640 --> 00:03:39,390
En dan zoals altijd zal ik het breken stap voor stap in de volgende video.