>> 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.