SPEAKER: Sekarang mari kita lihat halaman web yang memungkinkan pengguna untuk mendaftar untuk sesuatu tapi yang benar-benar termasuk beberapa client-side validasi input nya. 

Perhatikan di sini, dalam bentuk-1.html, saya memiliki bahwa bentuk yang sama seperti sebelumnya tapi aku menambahkan ID atribut untuk tag form saya, nilai yang mendaftar, sehingga bahwa saya memiliki ID via yang saya bisa unik mengidentifikasi bentuk yang di DOM saya. Sekarang perhatikan di bawah tag form saya adalah script tag, sehingga sangat sengaja, kode JavaScript saya hanya akan mengeksekusi setelah tag bentuk dan node DOM nya telah dimuat. 

Di dalam pemberitahuan tag script adalah baris pertama di sini di mana saya menyatakan variabel yang disebut bentuk dan menetapkan itu nilai pengembalian document.getElementById kutipan pendaftaran tanda kutip. Ini baris kode yang akan terlihat melalui DOM saya, mencari unsur atau node yang memiliki unik identifier pendaftaran, menyimpan nilai kembali pada akhirnya dalam variabel ini. 

Lalu aku mendaftar dengan bentuk yang acara Handler untuk pengiriman formulir, dengan form.onsubmit dan menetapkan bahwa fungsi anonim, tubuh yang hasil untuk melakukan hal berikut. Jika bidang itu form, yang namanya email, memiliki nilai dari pengguna yang sama mengutip tanda kutip apa-apa, maka kita akan memperingatkan pengguna bahwa ia harus memberikan alamat email mereka, dan kita kembali palsu sehingga bentuk sendiri tidak disampaikan untuk mendaftar dot php. 

Lain, jika bentuk memiliki lapangan yang namanya adalah password dan nilai yang merupakan quote tanda kutip, maka mari kita berteriak pada pengguna bahwa ia harus memberikan password. Dan lagi, kembali palsu sehingga formulir tersebut tidak diserahkan kepada mendaftar dot php. 

Sementara itu, jika nilai pengguna memiliki diketik ke bidang bentuk yang disebut kata sandi tidak cocok nilai yang pengguna telah disediakan untuk formulir field yang disebut konfirmasi, maka mari kita berteriak pada pengguna password tidak pertandingan, dan kemudian kembali palsu sehingga formulir tersebut tidak diserahkan kepada mendaftar dot php. 

Terakhir, jika itu tidak terjadi bahwa Perjanjian masukan form diperiksa, maka mari kita berteriak pada pengguna menjelaskan bahwa ia harus setuju dengan persyaratan dan kondisi, dan lagi return false sehingga formulir tersebut tidak diserahkan kepada mendaftar dot php. 

Lain jika, tidak satupun dari mereka memiliki kesalahan telah dibuat, mari kita memang kembali benar dan memungkinkan bentuk yang akan disampaikan untuk mendaftar dot php. 

Mari kita lihat ini mungkin kesalahan sekarang dengan membuka halaman di browser. http://localhost/form-1.HTML. Berikut ini maka bentuk itu. Mari kita memberikan apa-apa. 

Anda harus memberikan alamat email Anda. Baiklah, mari kita setidaknya bekerja sama di sepanjang jalur tersebut. 

Anda harus memberikan password. Baiklah, mari kita memilih password seperti merah. Kata sandi tidak cocok. Ah, saya perlu bekerja sama dan memberikan kata yang sama, merah, lagi. 

Anda harus menyetujui persyaratan dan kondisi. Baiklah, mari kita periksa kotak itu. Dan akhirnya, wah, aku terdaftar.