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

2
00:00:00,430 --> 00:00:03,020
>> SPEAKER: Lad os nu tage et kig på
en web-side, der giver brugeren mulighed for at

3
00:00:03,020 --> 00:00:06,230
registrere for noget, men som faktisk
omfatter nogle klientsiden

4
00:00:06,230 --> 00:00:08,690
validering af hans eller hendes input.

5
00:00:08,690 --> 00:00:13,210
>> Bemærk her, i formular-1.html, jeg har
at samme form som før, men jeg har

6
00:00:13,210 --> 00:00:17,940
tilføjede et ID-attribut til min formular tag,
hvis værdi er at registrere, så

7
00:00:17,940 --> 00:00:22,140
at jeg har et id via hvilken jeg kan
entydigt at identificere denne form i min DOM.

8
00:00:22,140 --> 00:00:26,090
Læg nu mærke til under mit formular tag er et script
tag, så meget bevidst,

9
00:00:26,090 --> 00:00:30,840
min JavaScript-kode, vil kun udføre
Når formularen tag og dets DOM knudepunkter

10
00:00:30,840 --> 00:00:31,990
er indlæst.

11
00:00:31,990 --> 00:00:35,650
>> Inde i bekendtgørelsen script-tag er den
første linje her, hvor jeg erklære en

12
00:00:35,650 --> 00:00:38,750
variabel kaldet form og tildele
det returværdien af

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

14
00:00:42,850 --> 00:00:45,860
Det er denne linje kode, der vil se
gennem min DOM, på udkig efter den

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

16
00:00:50,130 --> 00:00:52,590
returværdien i sidste ende
i denne variabel.

17
00:00:52,590 --> 00:00:56,910
>> Så tilmeld jeg med denne form en begivenhed
Handler for formularen indsendelse,

18
00:00:56,910 --> 00:01:02,190
med form.onsubmit og tildele den pågældende en
anonym funktion, kroppen som

19
00:01:02,190 --> 00:01:04,220
provenuet til at gøre følgende.

20
00:01:04,220 --> 00:01:09,700
Hvis denne form felt, hvis navn er
e-mail, har en værdi fra brugeren lige

21
00:01:09,700 --> 00:01:14,220
at citere citat slut noget, så er vi
kommer til at advare brugeren om, at han eller hun

22
00:01:14,220 --> 00:01:18,120
skal give deres e-mail-adresse, og
vi vender tilbage falsk, så formen

23
00:01:18,120 --> 00:01:21,680
selv ikke er indsendt
at registrere dot php.

24
00:01:21,680 --> 00:01:26,070
>> Else, hvis form har et felt, hvis navn
er password, og hvis værdi er

25
00:01:26,070 --> 00:01:28,800
citat citat slut, så lad os råbe
ved brugeren, at han eller hun

26
00:01:28,800 --> 00:01:30,190
skal give en adgangskode.

27
00:01:30,190 --> 00:01:33,620
Og igen, return false så
formularen er ikke forelagt

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

29
00:01:35,160 --> 00:01:38,920
>> I mellemtiden, hvis værdien brugeren har
indtastet til formularen felt, der kaldes

30
00:01:38,920 --> 00:01:43,100
kodeord svarer ikke til den værdi, som
brugeren har angivet for formularen

31
00:01:43,100 --> 00:01:47,210
område kaldet bekræftelse, så lad os
råber på brugeren adgangskoderne ikke

32
00:01:47,210 --> 00:01:50,800
match, og derefter vende tilbage falsk, så
formularen er ikke forelagt

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

34
00:01:52,810 --> 00:01:59,030
>> Endelig, hvis det ikke er tilfældet, at
formular aftale indgang er markeret,

35
00:01:59,030 --> 00:02:02,740
så lad os råbe på brugeren forklarer
at han eller hun skal acceptere vilkårene

36
00:02:02,740 --> 00:02:06,660
og tilstand, og igen return false
således at skemaet ikke indsendes til

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

38
00:02:08,460 --> 00:02:11,830
>> Else hvis ingen af ​​disse fejl har
blevet gjort, lad os faktisk returnere sandt

39
00:02:11,830 --> 00:02:14,990
og tillade formular, der skal indsendes
at registrere dot php.

40
00:02:14,990 --> 00:02:17,680
>> Lad os tage et kig på disse mulige
fejl nu ved at åbne

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

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 så denne form.

44
00:02:26,890 --> 00:02:28,720
Lad os give noget.

45
00:02:28,720 --> 00:02:30,660
>> Du skal angive din e-mail-adresse.

46
00:02:30,660 --> 00:02:34,930
Okay, lad os i det mindste samarbejde
langs disse linjer.

47
00:02:34,930 --> 00:02:36,380
>> Du skal angive en adgangskode.

48
00:02:36,380 --> 00:02:40,150
Okay, lad os vælge en
adgangskode som purpur.

49
00:02:40,150 --> 00:02:41,245
Adgangskoderne stemmer ikke overens.

50
00:02:41,245 --> 00:02:46,250
Ah, jeg har brug for at samarbejde og give
det samme ord, Crimson, igen.

51
00:02:46,250 --> 00:02:48,290
>> Du skal acceptere vilkårene
og betingelser.

52
00:02:48,290 --> 00:02:50,290
Okay, lad os nu kontrollere, at kassen.

53
00:02:50,290 --> 00:02:52,910
Og endelig, puha, jeg er registreret.

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