1 00:00:00,000 --> 00:00:00,430 2 00:00:00,430 --> 00:00:03,020 >> SPEAKER: Mari kita sekarang lihat laman web yang membolehkan pengguna untuk 3 00:00:03,020 --> 00:00:06,230 mendaftar untuk sesuatu tetapi yang benar-benar termasuk beberapa pelanggan-sampingan 4 00:00:06,230 --> 00:00:08,690 pengesahan beliau input. 5 00:00:08,690 --> 00:00:13,210 >> Perhatikan di sini, dalam bentuk-1.HTML, saya mempunyai bentuk yang sama seperti sebelum ini tetapi saya 6 00:00:13,210 --> 00:00:17,940 tambah sifat ID tag bentuk saya, nilai yang mendaftar, jadi 7 00:00:17,940 --> 00:00:22,140 bahawa saya mempunyai ID melalui yang saya boleh unik mengenal pasti bentuk yang di DOM saya. 8 00:00:22,140 --> 00:00:26,090 Sekarang notis di bawah tag bentuk saya adalah skrip tag, supaya sangat sengaja, 9 00:00:26,090 --> 00:00:30,840 kod JavaScript saya hanya akan melaksanakan sekali tag bentuk dan nod DOM yang 10 00:00:30,840 --> 00:00:31,990 telah dimuatkan. 11 00:00:31,990 --> 00:00:35,650 >> Di dalam notis skrip tag adalah baris pertama di sini di mana saya mengisytiharkan 12 00:00:35,650 --> 00:00:38,750 ubah bentuk dan dipanggil menyerahhakkan ia nilai pulangan 13 00:00:38,750 --> 00:00:42,850 document.getElementByID petikan pendaftaran unquote. 14 00:00:42,850 --> 00:00:45,860 Ia baris ini kod yang akan kelihatan melalui DOM saya, mencari 15 00:00:45,860 --> 00:00:50,130 elemen atau nod yang mempunyai unik pengecam pendaftaran, menyimpan 16 00:00:50,130 --> 00:00:52,590 nilai pulangan akhirnya dalam pembolehubah ini. 17 00:00:52,590 --> 00:00:56,910 >> Kemudian saya membuat pendaftaran dengan bentuk sesuatu peristiwa Handler untuk penghantaran borang, 18 00:00:56,910 --> 00:01:02,190 dengan form.onsubmit dan menetapkan bahawa fungsi tanpa nama, badan yang 19 00:01:02,190 --> 00:01:04,220 meneruskan untuk melakukan yang berikut. 20 00:01:04,220 --> 00:01:09,700 Jika medan bahawa bentuk ini, yang namanya e-mel, mempunyai nilai dari pengguna yang sama 21 00:01:09,700 --> 00:01:14,220 memetik apa-apa unquote, maka kami akan memberi amaran kepada pengguna bahawa dia 22 00:01:14,220 --> 00:01:18,120 mesti memberikan alamat e-mel mereka, dan kita kembali palsu supaya borang yang 23 00:01:18,120 --> 00:01:21,680 sendiri tidak dikemukakan mendaftar dot php. 24 00:01:21,680 --> 00:01:26,070 >> Else, jika borang itu mempunyai bidang yang namanya adalah kata laluan dan nilai yang adalah 25 00:01:26,070 --> 00:01:28,800 quote unquote, maka mari kita menjerit pada pengguna bahawa dia 26 00:01:28,800 --> 00:01:30,190 perlu menyediakan kata laluan. 27 00:01:30,190 --> 00:01:33,620 Dan sekali lagi, pulangan palsu supaya Borang yang tidak dikemukakan 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 mempunyai ditaip ke dalam bidang bentuk yang dipanggil 30 00:01:38,920 --> 00:01:43,100 kata laluan tidak sepadan dengan nilai yang pengguna telah menyediakan untuk bentuk 31 00:01:43,100 --> 00:01:47,210 bidang dipanggil pengesahan, maka mari kita menjerit pada pengguna kata laluan tidak 32 00:01:47,210 --> 00:01:50,800 Perlawanan, dan kemudian kembali palsu supaya Borang yang tidak dikemukakan kepada 33 00:01:50,800 --> 00:01:52,810 mendaftar dot php. 34 00:01:52,810 --> 00:01:59,030 >> Akhir sekali, jika ia tidak berlaku bahawa perjanjian input bentuk ini disemak, 35 00:01:59,030 --> 00:02:02,740 maka mari kita menjerit pada pengguna menjelaskan bahawa dia mesti bersetuju dengan syarat 36 00:02:02,740 --> 00:02:06,660 dan keadaan, dan sekali lagi pulangan palsu supaya Borang yang tidak dikemukakan kepada 37 00:02:06,660 --> 00:02:08,460 mendaftar dot php. 38 00:02:08,460 --> 00:02:11,830 >> Yang lain jika, tiada mana-mana kesilapan mempunyai dibuat, mari kita memang benar kembali 39 00:02:11,830 --> 00:02:14,990 dan membenarkan bentuk itu dikemukakan mendaftar dot php. 40 00:02:14,990 --> 00:02:17,680 >> Mari kita lihat ini mungkin ralat kini dengan membuka 41 00:02:17,680 --> 00:02:19,150 halaman dalam pelayar. 42 00:02:19,150 --> 00:02:25,780 http://localhost/form-1.HTML. 43 00:02:25,780 --> 00:02:26,890 Inilah 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 mesti memberikan alamat e-mel anda. 46 00:02:30,660 --> 00:02:34,930 Baiklah, mari kita sekurang-kurangnya bekerjasama sepanjang garis. 47 00:02:34,930 --> 00:02:36,380 >> Anda mesti memberikan kata laluan. 48 00:02:36,380 --> 00:02:40,150 Baiklah, mari kita memilih kata laluan seperti lembayung. 49 00:02:40,150 --> 00:02:41,245 Kata laluan tidak sepadan. 50 00:02:41,245 --> 00:02:46,250 Ah, saya perlu bekerjasama dan menyediakan perkataan yang sama, merah tua, sekali lagi. 51 00:02:46,250 --> 00:02:48,290 >> Anda mesti bersetuju dengan syarat dan syarat-syarat. 52 00:02:48,290 --> 00:02:50,290 Baiklah, mari kita kini menyemak kotak itu. 53 00:02:50,290 --> 00:02:52,910 Dan akhirnya, whew, saya berdaftar. 54 00:02:52,910 --> 00:02:54,678