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

2
00:00:00,430 --> 00:00:03,020
>> SIARADWR: Gadewch i ni yn awr yn edrych ar
tudalen we sy'n galluogi defnyddiwr i

3
00:00:03,020 --> 00:00:06,230
gofrestru ar gyfer rhywbeth, ond sydd mewn gwirionedd yn
yn cynnwys rhai ar ochr cleientiaid

4
00:00:06,230 --> 00:00:08,690
dilysu ei fewnbynnau.

5
00:00:08,690 --> 00:00:13,210
>> Hysbysiad yma, ar ffurf-1.HTML, mae gennyf
yr un fath ag o'r blaen, ond rydw i wedi

6
00:00:13,210 --> 00:00:17,940
ychwanegu priodoledd adnabod i fy ffurflen tag,
gwerth sy'n cael ei gofrestru, felly

7
00:00:17,940 --> 00:00:22,140
fod gennyf ID trwy yr wyf yn gallu
unigryw yn nodi bod ffurflen yn fy DOM.

8
00:00:22,140 --> 00:00:26,090
Nawr yn sylwi isod fy ffurflen tag yn sgript
tag, fel bod yn fwriadol iawn,

9
00:00:26,090 --> 00:00:30,840
bydd fy cod JavaScript yn unig gweithredu
unwaith y bydd y ffurflen tag a'i nodau DOM

10
00:00:30,840 --> 00:00:31,990
wedi cael eu llwytho.

11
00:00:31,990 --> 00:00:35,650
>> Tu mewn i'r hysbysiad tag sgript yw'r
llinell gyntaf yma lle yr wyf yn datgan

12
00:00:35,650 --> 00:00:38,750
amrywiol a elwir yn ffurflen a neilltuo
mae'n werth dychwelyd

13
00:00:38,750 --> 00:00:42,850
document.getElementByID dyfynbris
cofrestru unquote.

14
00:00:42,850 --> 00:00:45,860
Mae'n llinell hon o god a fydd yn edrych
drwy fy DOM, yn chwilio am y

15
00:00:45,860 --> 00:00:50,130
elfen neu nod sydd â unigryw
dynodwr cofrestru, storio

16
00:00:50,130 --> 00:00:52,590
gwerth dychwelyd yn y pen draw
mewn amrywiol hwn.

17
00:00:52,590 --> 00:00:56,910
>> Yna mi gofrestru gyda'r ffurflen digwyddiad
triniwr gyfer y ffurflen gyflwyno,

18
00:00:56,910 --> 00:01:02,190
gyda form.onsubmit ac yn pennu bod
swyddogaeth anhysbys, y corff sy'n

19
00:01:02,190 --> 00:01:04,220
mynd yn ei flaen i wneud y canlynol.

20
00:01:04,220 --> 00:01:09,700
Os yw maes y ffurflen, y mae ei enw yn
e-bost, mae gwerth o'r defnyddiwr cyfartal

21
00:01:09,700 --> 00:01:14,220
dyfynnu dim byd unquote, yna rydym yn
mynd i roi gwybod i'r defnyddiwr ei fod ef neu hi

22
00:01:14,220 --> 00:01:18,120
Rhaid rhoi eu cyfeiriad e-bost, a
byddwn yn dychwelyd ffug fel bod y ffurflen

23
00:01:18,120 --> 00:01:21,680
ei hun yn cael ei gyflwyno
i gofrestru dot php.

24
00:01:21,680 --> 00:01:26,070
>> Arall, os bydd y ffurflen yn cael maes y mae ei enw
yn cyfrinair a gwerth sydd â'r

25
00:01:26,070 --> 00:01:28,800
dyfyniad unquote, yna gadewch i ni gweiddi
ar y defnyddiwr ei fod ef neu hi

26
00:01:28,800 --> 00:01:30,190
ddarparu cyfrinair.

27
00:01:30,190 --> 00:01:33,620
Ac eto, yn dychwelyd ffug fel bod
nad yw'r ffurflen yn cael ei chyflwyno i

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

29
00:01:35,160 --> 00:01:38,920
>> Yn y cyfamser, os yw gwerth y defnyddiwr wedi
deipio i mewn i'r ffurflen cae o'r enw

30
00:01:38,920 --> 00:01:43,100
Nid cyfrinair yn cyfateb i'r gwerth
y defnyddiwr wedi darparu ar gyfer y ffurflen

31
00:01:43,100 --> 00:01:47,210
cae o'r enw cadarnhad, yna gadewch i ni
gweiddi ar y defnyddiwr nid yw'r cyfrineiriau yn

32
00:01:47,210 --> 00:01:50,800
cyfatebol, ac yna dychwelyd ffug fel bod
nad yw'r ffurflen yn cael ei chyflwyno i

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

34
00:01:52,810 --> 00:01:59,030
>> Yn olaf, os nad yw'n wir bod y
mewnbwn gytundeb y ffurflen yn cael ei gwirio,

35
00:01:59,030 --> 00:02:02,740
Yna gadewch i ni gweiddi ar y defnyddiwr yn egluro
fod yn rhaid iddo neu iddi gytuno ar y telerau

36
00:02:02,740 --> 00:02:06,660
a chyflwr, ac unwaith eto yn dychwelyd ffug
fel na fydd y ffurflen yn cael ei chyflwyno i

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

38
00:02:08,460 --> 00:02:11,830
>> Arall os, nid oes yr un camgymeriadau hynny
ei wneud, gadewch i ni yn wir yn dychwelyd yn wir

39
00:02:11,830 --> 00:02:14,990
ac yn caniatáu i'r ffurflen gael ei chyflwyno
i gofrestru dot php.

40
00:02:14,990 --> 00:02:17,680
>> Gadewch i ni edrych ar y rhain bosibl
camgymeriadau nawr drwy agor

41
00:02:17,680 --> 00:02:19,150
y dudalen mewn porwr.

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

43
00:02:25,780 --> 00:02:26,890
Dyma pryd y ffurflen.

44
00:02:26,890 --> 00:02:28,720
Gadewch i ni roi dim.

45
00:02:28,720 --> 00:02:30,660
>> Rhaid i chi roi eich cyfeiriad e-bost.

46
00:02:30,660 --> 00:02:34,930
Mae pob hawl, gadewch i ni o leiaf yn cydweithio
ar hyd y llinellau hynny.

47
00:02:34,930 --> 00:02:36,380
>> Rhaid i chi roi cyfrinair.

48
00:02:36,380 --> 00:02:40,150
Mae pob hawl, gadewch i ni ddewis
cyfrinair fel rhuddgoch.

49
00:02:40,150 --> 00:02:41,245
Nid yw'r cyfrineiriau'n cydweddu.

50
00:02:41,245 --> 00:02:46,250
Ah, mae angen imi gydweithio a darparu
yr un gair, rhuddgoch, unwaith eto.

51
00:02:46,250 --> 00:02:48,290
>> Rhaid i chi gytuno ar y telerau
ac amodau.

52
00:02:48,290 --> 00:02:50,290
Mae pob hawl, gadewch i ni yn awr edrych ar y blwch hwnnw.

53
00:02:50,290 --> 00:02:52,910
Ac yn olaf, Whew, rwy'n cofrestredig.

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