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

2
00:00:00,430 --> 00:00:03,020
>> SPEAKER: Sekarang mari kita lihat
halaman web yang memungkinkan pengguna untuk

3
00:00:03,020 --> 00:00:06,230
mendaftar untuk sesuatu tapi yang benar-benar
termasuk beberapa client-side

4
00:00:06,230 --> 00:00:08,690
validasi input nya.

5
00:00:08,690 --> 00:00:13,210
>> Perhatikan di sini, dalam bentuk-1.html, saya memiliki
bahwa bentuk yang sama seperti sebelumnya tapi aku

6
00:00:13,210 --> 00:00:17,940
menambahkan ID atribut untuk tag form saya,
nilai yang mendaftar, sehingga

7
00:00:17,940 --> 00:00:22,140
bahwa saya memiliki ID via yang saya bisa
unik mengidentifikasi bentuk yang di DOM saya.

8
00:00:22,140 --> 00:00:26,090
Sekarang perhatikan di bawah tag form saya adalah script
tag, sehingga sangat sengaja,

9
00:00:26,090 --> 00:00:30,840
kode JavaScript saya hanya akan mengeksekusi
setelah tag bentuk dan node DOM nya

10
00:00:30,840 --> 00:00:31,990
telah dimuat.

11
00:00:31,990 --> 00:00:35,650
>> Di dalam pemberitahuan tag script adalah
baris pertama di sini di mana saya menyatakan

12
00:00:35,650 --> 00:00:38,750
variabel yang disebut bentuk dan menetapkan
itu nilai pengembalian

13
00:00:38,750 --> 00:00:42,850
document.getElementById kutipan
pendaftaran tanda kutip.

14
00:00:42,850 --> 00:00:45,860
Ini baris kode yang akan terlihat
melalui DOM saya, mencari

15
00:00:45,860 --> 00:00:50,130
unsur atau node yang memiliki unik
identifier pendaftaran, menyimpan

16
00:00:50,130 --> 00:00:52,590
nilai kembali pada akhirnya
dalam variabel ini.

17
00:00:52,590 --> 00:00:56,910
>> Lalu aku mendaftar dengan bentuk yang acara
Handler untuk pengiriman formulir,

18
00:00:56,910 --> 00:01:02,190
dengan form.onsubmit dan menetapkan bahwa
fungsi anonim, tubuh yang

19
00:01:02,190 --> 00:01:04,220
hasil untuk melakukan hal berikut.

20
00:01:04,220 --> 00:01:09,700
Jika bidang itu form, yang namanya
email, memiliki nilai dari pengguna yang sama

21
00:01:09,700 --> 00:01:14,220
mengutip tanda kutip apa-apa, maka kita
akan memperingatkan pengguna bahwa ia

22
00:01:14,220 --> 00:01:18,120
harus memberikan alamat email mereka, dan
kita kembali palsu sehingga bentuk

23
00:01:18,120 --> 00:01:21,680
sendiri tidak disampaikan
untuk mendaftar dot php.

24
00:01:21,680 --> 00:01:26,070
>> Lain, jika bentuk memiliki lapangan yang namanya
adalah password dan nilai yang merupakan

25
00:01:26,070 --> 00:01:28,800
quote tanda kutip, maka mari kita berteriak
pada pengguna bahwa ia

26
00:01:28,800 --> 00:01:30,190
harus memberikan password.

27
00:01:30,190 --> 00:01:33,620
Dan lagi, kembali palsu sehingga
formulir tersebut tidak diserahkan kepada

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

29
00:01:35,160 --> 00:01:38,920
>> Sementara itu, jika nilai pengguna memiliki
diketik ke bidang bentuk yang disebut

30
00:01:38,920 --> 00:01:43,100
kata sandi tidak cocok nilai yang
pengguna telah disediakan untuk formulir

31
00:01:43,100 --> 00:01:47,210
field yang disebut konfirmasi, maka mari kita
berteriak pada pengguna password tidak

32
00:01:47,210 --> 00:01:50,800
pertandingan, dan kemudian kembali palsu sehingga
formulir tersebut tidak diserahkan kepada

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

34
00:01:52,810 --> 00:01:59,030
>> Terakhir, jika itu tidak terjadi bahwa
Perjanjian masukan form diperiksa,

35
00:01:59,030 --> 00:02:02,740
maka mari kita berteriak pada pengguna menjelaskan
bahwa ia harus setuju dengan persyaratan

36
00:02:02,740 --> 00:02:06,660
dan kondisi, dan lagi return false
sehingga formulir tersebut tidak diserahkan kepada

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

38
00:02:08,460 --> 00:02:11,830
>> Lain jika, tidak satupun dari mereka memiliki kesalahan
telah dibuat, mari kita memang kembali benar

39
00:02:11,830 --> 00:02:14,990
dan memungkinkan bentuk yang akan disampaikan
untuk mendaftar dot php.

40
00:02:14,990 --> 00:02:17,680
>> Mari kita lihat ini mungkin
kesalahan sekarang dengan membuka

41
00:02:17,680 --> 00:02:19,150
halaman di browser.

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

43
00:02:25,780 --> 00:02:26,890
Berikut ini maka bentuk itu.

44
00:02:26,890 --> 00:02:28,720
Mari kita memberikan apa-apa.

45
00:02:28,720 --> 00:02:30,660
>> Anda harus memberikan alamat email Anda.

46
00:02:30,660 --> 00:02:34,930
Baiklah, mari kita setidaknya bekerja sama
di sepanjang jalur tersebut.

47
00:02:34,930 --> 00:02:36,380
>> Anda harus memberikan password.

48
00:02:36,380 --> 00:02:40,150
Baiklah, mari kita memilih
password seperti merah.

49
00:02:40,150 --> 00:02:41,245
Kata sandi tidak cocok.

50
00:02:41,245 --> 00:02:46,250
Ah, saya perlu bekerja sama dan memberikan
kata yang sama, merah, lagi.

51
00:02:46,250 --> 00:02:48,290
>> Anda harus menyetujui persyaratan
dan kondisi.

52
00:02:48,290 --> 00:02:50,290
Baiklah, mari kita periksa kotak itu.

53
00:02:50,290 --> 00:02:52,910
Dan akhirnya, wah, aku terdaftar.

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