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

2
00:00:00,430 --> 00:00:03,020
>> SPEAKER: La oss nå ta en titt på
en nettside som lar brukeren

3
00:00:03,020 --> 00:00:06,230
registrere seg for noe, men som faktisk
inneholder noen klientsiden

4
00:00:06,230 --> 00:00:08,690
validering av hans eller hennes innganger.

5
00:00:08,690 --> 00:00:13,210
>> Legg merke til her, i skjema-1.html, har jeg
at samme form som før, men jeg har

6
00:00:13,210 --> 00:00:17,940
lagt til en ID-attributtet til formen min tag,
hvis verdi er registrere, så

7
00:00:17,940 --> 00:00:22,140
at jeg har en ID via hvor jeg kan
entydig identifisering av den formen i min DOM.

8
00:00:22,140 --> 00:00:26,090
Nå legger merke til under mitt skjema tag er et skript
tag, slik at svært bevisst,

9
00:00:26,090 --> 00:00:30,840
min Javascript-kode vil bare utføre
Når skjemaet tag og dets DOM noder

10
00:00:30,840 --> 00:00:31,990
har blitt lastet.

11
00:00:31,990 --> 00:00:35,650
>> Innsiden av skriptmerket varsel er
første linje her hvor jeg erklære en

12
00:00:35,650 --> 00:00:38,750
variabel kalt form og tildele
det returverdien av

13
00:00:38,750 --> 00:00:42,850
document.getElementById sitat
unquote registrering.

14
00:00:42,850 --> 00:00:45,860
Det er denne linjen med kode som vil se
gjennom min DOM, på jakt etter den

15
00:00:45,860 --> 00:00:50,130
element eller node som har en unik
identifikator for registrering, lagring

16
00:00:50,130 --> 00:00:52,590
returverdien til slutt
i denne variabelen.

17
00:00:52,590 --> 00:00:56,910
>> Så registrerer jeg med at formen en hendelse
behandleren for innsending av skjemaet,

18
00:00:56,910 --> 00:01:02,190
med form.onsubmit og tilordne en
anonym funksjon, kroppen av hvilken

19
00:01:02,190 --> 00:01:04,220
fortsetter å gjøre følgende.

20
00:01:04,220 --> 00:01:09,700
Hvis det skjemaets felt, hvis navn er
e-post, har en verdi fra brukeren like

21
00:01:09,700 --> 00:01:14,220
for å sitere unquote ingenting, så vi er
kommer til å varsle brukeren om at han eller hun

22
00:01:14,220 --> 00:01:18,120
må gi sin e-postadresse, og
vi return false slik at skjemaet

23
00:01:18,120 --> 00:01:21,680
i seg selv er ikke sendt
å registrere dot php.

24
00:01:21,680 --> 00:01:26,070
>> Else, hvis skjemaet har et felt hvis navn
er passord og hvis verdien er

25
00:01:26,070 --> 00:01:28,800
quote unquote, så la oss hyle
på brukeren at han eller hun

26
00:01:28,800 --> 00:01:30,190
må gi et passord.

27
00:01:30,190 --> 00:01:33,620
Og igjen, return false slik at
skjemaet er ikke fremlagt for

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

29
00:01:35,160 --> 00:01:38,920
>> I mellomtiden, hvis verdi har brukeren
skrevet inn i skjemaet felt kalt

30
00:01:38,920 --> 00:01:43,100
passord samsvarer ikke med den verdien som
brukeren har gitt for skjema

31
00:01:43,100 --> 00:01:47,210
felt som heter bekreftelse, så la oss
kjefte på brukeren passordene ikke

32
00:01:47,210 --> 00:01:50,800
kamp, ​​og deretter returnere falsk slik at
skjemaet er ikke fremlagt for

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

34
00:01:52,810 --> 00:01:59,030
>> Til slutt, hvis det ikke er tilfelle at
skjema avtale innspill er sjekket,

35
00:01:59,030 --> 00:02:02,740
så la oss kjefte på brukeren forklare
at han eller hun må godta betingelsene

36
00:02:02,740 --> 00:02:06,660
og tilstand, og igjen return false
slik at skjemaet ikke er sendt til

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

38
00:02:08,460 --> 00:02:11,830
>> Else hvis ingen av disse feilene har
blitt gjort, la oss faktisk returnere true

39
00:02:11,830 --> 00:02:14,990
og tillate at skjemaet skal sendes
å registrere dot php.

40
00:02:14,990 --> 00:02:17,680
>> La oss ta en titt på disse mulige
feil nå ved åpning

41
00:02:17,680 --> 00:02:19,150
siden i en nettleser.

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

43
00:02:25,780 --> 00:02:26,890
Her er da at formen.

44
00:02:26,890 --> 00:02:28,720
La oss gi ingenting.

45
00:02:28,720 --> 00:02:30,660
>> Du må oppgi din e-postadresse.

46
00:02:30,660 --> 00:02:34,930
Greit, la oss i det minste samarbeide
langs disse linjene.

47
00:02:34,930 --> 00:02:36,380
>> Du må oppgi et passord.

48
00:02:36,380 --> 00:02:40,150
Greit, la oss velge en
passord som skarlagen.

49
00:02:40,150 --> 00:02:41,245
Passordene er ikke like.

50
00:02:41,245 --> 00:02:46,250
Ah, jeg trenger å samarbeide og gi
det samme ordet, skarlagen, igjen.

51
00:02:46,250 --> 00:02:48,290
>> Du må godta betingelsene
og forhold.

52
00:02:48,290 --> 00:02:50,290
Greit, la oss nå sjekke den boksen.

53
00:02:50,290 --> 00:02:52,910
Og til slutt, Puh, jeg er registrert.

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