1
00:00:00,840 --> 00:00:03,220
Quindi è di nuovo il momento per un altro esercizio.

2
00:00:03,570 --> 00:00:08,250
Quindi questo progetto coprirà tutto ciò di cui abbiamo parlato negli ultimi video.

3
00:00:08,280 --> 00:00:14,820
Questo include cose come la forma di egg diversi tipi di input, inclusi i pulsanti di

4
00:00:14,820 --> 00:00:15,750
scelta rapida.

5
00:00:15,750 --> 00:00:18,280
Include anche convalide ed etichette.

6
00:00:18,660 --> 00:00:23,850
Quindi praticamente tutto ciò di cui abbiamo parlato e ciò che farai è combinarli per creare un

7
00:00:23,850 --> 00:00:26,480
modulo di registrazione per un sito Web fasullo.

8
00:00:26,940 --> 00:00:33,330
un modulo in cui un utente può registrarsi con un nome Nome Cognome selezionare il sesso.

9
00:00:33,840 --> 00:00:35,310
Quindi assomiglierà a questo

10
00:00:35,370 --> 00:00:37,170
Password e-mail

11
00:00:37,290 --> 00:00:44,210
Un compleanno con tre menu abbandonati e una casella di controllo per accettare i termini e le condizioni.

12
00:00:44,430 --> 00:00:46,750
Quindi ancora qualche suggerimento qui.

13
00:00:47,060 --> 00:00:48,860
Questi dovrebbero essere input di testo.

14
00:00:49,560 --> 00:00:50,950
Questa dovrebbe essere una password e.

15
00:00:51,000 --> 00:00:52,490
Questo dovrebbe essere un input e-mail.

16
00:00:52,500 --> 00:00:53,850
Questi sono i pulsanti di opzione.

17
00:00:54,000 --> 00:00:56,790
Questi sono tre tag di selezione.

18
00:00:56,880 --> 00:01:02,930
Questo è un input di checkbox e questo è l'input di invio.

19
00:01:03,360 --> 00:01:06,020
Quindi ci sono convalide che sono richieste.

20
00:01:06,540 --> 00:01:10,140
Quindi il cognome e l'e-mail del cognome non possono essere vuoti.

21
00:01:10,140 --> 00:01:11,120
Sono richieste

22
00:01:13,950 --> 00:01:16,660
e-mail deve essere un indirizzo email valido.

23
00:01:17,190 --> 00:01:21,600
In modo che deve seguire il corretto formato di posta elettronica.

24
00:01:21,600 --> 00:01:26,720
E qui c'è un bonus e questo è uno che incoraggio tutti a cercare e trovare.

25
00:01:26,760 --> 00:01:32,730
Quindi il punto di questo è uno dei primi casi in cui ti chiedo di fare qualcosa che non ti

26
00:01:32,730 --> 00:01:34,340
ho mostrato direttamente come fare.

27
00:01:34,560 --> 00:01:39,690
E come ho detto prima, questo è davvero come essere uno sviluppatore a cui sei stato affidato qualcosa che

28
00:01:39,780 --> 00:01:41,350
hai qualche idea che vuoi provare.

29
00:01:41,430 --> 00:01:42,730
Non hai idea di come farlo.

30
00:01:42,900 --> 00:01:45,440
Quindi vai online e ha fatto delle ricerche.

31
00:01:45,750 --> 00:01:49,380
Quindi l'esercizio qui è di aggiungere una nuova validazione.

32
00:01:49,410 --> 00:01:55,320
tipo di cui non abbiamo ancora parlato per convalidare la lunghezza di qualcosa e il modo in cui dovrebbe funzionare.

33
00:01:55,320 --> 00:01:56,010
Un nuovo

34
00:01:56,190 --> 00:02:00,720
La password che l'utente digita deve essere compresa tra 5 e 10 caratteri.

35
00:02:00,780 --> 00:02:03,300
Altrimenti otteniamo questo errore qui.

36
00:02:03,990 --> 00:02:06,380
Quindi è un'altra di queste convalide.

37
00:02:06,390 --> 00:02:07,990
È solo uno che non abbiamo ancora visto.

38
00:02:08,070 --> 00:02:12,500
Quindi ti consiglio di tirare su Google e cercare altrove.

39
00:02:12,570 --> 00:02:13,300
Una breve nota.

40
00:02:13,320 --> 00:02:14,800
Questo deve essere un HMO.

41
00:02:14,820 --> 00:02:20,370
Quindi, se sai che javascript non consente javascript, questo è considerato un imbroglio per questo esercizio

42
00:02:20,370 --> 00:02:25,010
e quindi un'ultima cosa i tre solo sui menu che devono essere tag selezionati.

43
00:02:25,020 --> 00:02:30,240
Una nota anche se non è necessario avere tutti gli anni tutti i mesi tutti i giorni in un mese

44
00:02:30,240 --> 00:02:31,140
che è solo occupato.

45
00:02:31,170 --> 00:02:35,390
Avrei solo due o tre elementi lì dentro in modo da poter vedere i tre selezionare.

46
00:02:35,420 --> 00:02:38,290
C'è il leggero menu a discesa lì.

47
00:02:38,400 --> 00:02:40,530
Non devi preoccuparti di riempirli però.

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

49
00:02:41,580 --> 00:02:46,140
Quindi, andare avanti e iniziare se si vuole rimanere in giro per un altro momento.

50
00:02:46,140 --> 00:02:48,790
Ora darò una demo del sito attuale.

51
00:02:49,110 --> 00:02:54,020
Quindi di nuovo lascio tutto vuoto, ho bisogno di riempirlo.

52
00:02:54,530 --> 00:03:00,390
Devo inserire il pulsante di opzione del cognome qui.

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

54
00:03:02,520 --> 00:03:04,950
Lascia in bianco mi dice di riempirlo.

55
00:03:05,190 --> 00:03:07,290
Se non metto una e-mail corretta,

56
00:03:11,310 --> 00:03:14,760
mi arrabbierà con me e quindi la password deve essere compilata.

57
00:03:14,990 --> 00:03:18,880
Un personaggio non è abbastanza per i personaggi non abbastanza.

58
00:03:18,900 --> 00:03:24,520
Ora se vado a cinque o sei o qualunque cosa sia, ora ho abbastanza caratteri.

59
00:03:25,060 --> 00:03:27,520
Un menu a discesa.

60
00:03:27,600 --> 00:03:28,320
Compleanno.

61
00:03:28,500 --> 00:03:30,450
Posso essere d'accordo o meno.

62
00:03:30,510 --> 00:03:31,890
E ora la forma di esso.

63
00:03:32,280 --> 00:03:33,730
OK così è lì.

64
00:03:33,810 --> 00:03:35,400
Vai avanti e provalo da solo.

65
00:03:35,640 --> 00:03:39,390
E poi come sempre lo romperò passo dopo passo nel prossimo video.