1
00:00:00,000 --> 00:00:00,430

2
00:00:00,430 --> 00:00:03,020
>> SPEAKER: Diamo ora uno sguardo a
una pagina web che consente all'utente di

3
00:00:03,020 --> 00:00:06,230
iscriversi a qualcosa, ma che in realtà
include alcune client-side

4
00:00:06,230 --> 00:00:08,690
convalida dei suoi ingressi.

5
00:00:08,690 --> 00:00:13,210
>> Si noti qui, in forma-1.html, ho
che la stessa forma di prima, ma ho

6
00:00:13,210 --> 00:00:17,940
aggiunto un attributo ID al mio tag di modulo,
il cui valore viene registro, così

7
00:00:17,940 --> 00:00:22,140
che ho un ID via che posso
identificare in modo univoco che la forma nella mia DOM.

8
00:00:22,140 --> 00:00:26,090
Ora notate sotto del mio tag form è uno script
tag, in modo che deliberatamente,

9
00:00:26,090 --> 00:00:30,840
il mio codice JavaScript viene eseguito solo
una volta che il tag form e dei relativi nodi DOM

10
00:00:30,840 --> 00:00:31,990
sono stati caricati.

11
00:00:31,990 --> 00:00:35,650
>> All'interno del bando tag script è il
prima linea qui dove dichiaro una

12
00:00:35,650 --> 00:00:38,750
variabile denominata modulo e assegnare
così il valore di ritorno di

13
00:00:38,750 --> 00:00:42,850
document.getElementById di preventivo
Registrazione unquote.

14
00:00:42,850 --> 00:00:45,860
E 'questa riga di codice che avrà un aspetto
attraverso la mia DOM, cercando il

15
00:00:45,860 --> 00:00:50,130
elemento o nodo con un unico
identificativo della registrazione, archiviazione

16
00:00:50,130 --> 00:00:52,590
il valore di ritorno in ultima analisi,
in questa variabile.

17
00:00:52,590 --> 00:00:56,910
>> Poi mi registro che forma un evento
gestore per l'invio del modulo,

18
00:00:56,910 --> 00:01:02,190
con form.onsubmit e assegnare che un
funzione anonima, il cui corpo

19
00:01:02,190 --> 00:01:04,220
procede a fare quanto segue.

20
00:01:04,220 --> 00:01:09,700
Se il campo del form, il cui nome è
mail, ha un valore dall'utente uguale

21
00:01:09,700 --> 00:01:14,220
per citare unquote niente, quindi siamo
andando per avvisare l'utente che lui o lei

22
00:01:14,220 --> 00:01:18,120
deve fornire il proprio indirizzo email, e
torniamo false in modo che la forma

23
00:01:18,120 --> 00:01:21,680
sé non è presentata
per registrare dot php.

24
00:01:21,680 --> 00:01:26,070
>> Altrimenti, se il modulo ha un campo il cui nome
è la password e il cui valore è

25
00:01:26,070 --> 00:01:28,800
tra virgolette, quindi cerchiamo di urlo
Allo utente che lui o lei

26
00:01:28,800 --> 00:01:30,190
deve fornire una password.

27
00:01:30,190 --> 00:01:33,620
E ancora, di ritorno false in modo che
il modulo non viene sottoposto a

28
00:01:33,620 --> 00:01:35,160
Registrazione dot php.

29
00:01:35,160 --> 00:01:38,920
>> Nel frattempo, se il valore che l'utente ha
digitato al campo di modulo denominato

30
00:01:38,920 --> 00:01:43,100
password non corrisponde al valore che
l'utente ha fornito per il modulo

31
00:01:43,100 --> 00:01:47,210
campo denominato conferma, quindi cerchiamo di
urlare all'utente le password non fanno

32
00:01:47,210 --> 00:01:50,800
partita, e poi tornare false in modo che
il modulo non viene sottoposto a

33
00:01:50,800 --> 00:01:52,810
Registrazione dot php.

34
00:01:52,810 --> 00:01:59,030
>> Infine, se non è il caso che l'
Ingresso accordo del modulo è selezionata,

35
00:01:59,030 --> 00:02:02,740
allora cerchiamo di urlare a spiegare l'utente
che lui o lei deve accettare i termini

36
00:02:02,740 --> 00:02:06,660
e la condizione, e di nuovo ritorno falso
in modo che la forma non è sottoposta ad

37
00:02:06,660 --> 00:02:08,460
Registrazione dot php.

38
00:02:08,460 --> 00:02:11,830
>> Else if, nessuno di questi errori hanno
stato fatto, diciamo anzi ritorno vero

39
00:02:11,830 --> 00:02:14,990
e lasciare il modulo da presentare
per registrare dot php.

40
00:02:14,990 --> 00:02:17,680
>> Diamo un'occhiata a questi possibili
errori di guida di apertura

41
00:02:17,680 --> 00:02:19,150
la pagina in un browser.

42
00:02:19,150 --> 00:02:25,780
http://localhost/form-1.HTML.

43
00:02:25,780 --> 00:02:26,890
Ecco allora che forma.

44
00:02:26,890 --> 00:02:28,720
Facciamo forniscono nulla.

45
00:02:28,720 --> 00:02:30,660
>> È necessario fornire il tuo indirizzo email.

46
00:02:30,660 --> 00:02:34,930
Va bene, andiamo almeno cooperare
lungo queste linee.

47
00:02:34,930 --> 00:02:36,380
>> È necessario fornire una password.

48
00:02:36,380 --> 00:02:40,150
Va bene, cerchiamo di scegliere una
la password come porpora.

49
00:02:40,150 --> 00:02:41,245
Le password non corrispondono.

50
00:02:41,245 --> 00:02:46,250
Ah, ho bisogno di collaborare e fornire
la stessa parola, cremisi, ancora una volta.

51
00:02:46,250 --> 00:02:48,290
>> È necessario accettare i termini
e condizioni.

52
00:02:48,290 --> 00:02:50,290
Va bene, andiamo ora verificare che la scatola.

53
00:02:50,290 --> 00:02:52,910
E, infine, accidenti, io sono registrato.

54
00:02:52,910 --> 00:02:54,678