BAB 028 - (Form) Validasi Entry Form

Jika pada pembahasan sebelumnya, kita sudah banyak mengenal semua elemen input form juga termasuk atribut dan tipe-tipenya.

Di Bab terakhir pembahasan Form ini, kita akan mempelajari bagaimana cara validasi entry form.

Yang dimaksud dengan validasi entry adalah :

Sebelum data entri form dikirim keserver, terlebih dahulu kita memastikan bahwa semua input entry yang dimasukkan sudah benar dan valid.

 

 

Validasi Tidak Boleh Kosong

Untuk memvalidasi Tidak Boleh Kosong, kita dapat menggunakan atribut required.

Contoh :

Cobalah utak-atik contoh diatas

 

 

Validasi Email

Dengan menggunakan input tipe email, kita bisa secara langsung memvalidasi format email.

Contoh :

Cobalah utak-atik contoh diatas

 

 

Validasi URL

Dengan menggunakan input tipe url, kita bisa secara langsung memvalidasi format url.

Contoh :

Cobalah utak-atik contoh diatas

 

 

 

Validasi Huruf atau Angka

Dengan Atribut Pattern kita dapat memvalidasi input Huruf atau Angka sesuai dengan format yang kita mau.

Perhatikan contoh format pattern :

<input type="text" pattern="[A-Za-z]+" >
--> artinya yang valid hanya huruf A-Z atau a-z

<input type="text" pattern="[A-Z]+" >
--> artinya yang valid hanya huruf A-Z

<input type="text" pattern="[D]+" >
--> artinya yang valid hanya huruf D

<input type="text" pattern="[0-9]+" >
--> artinya yang valid hanya angka 0-9

 

Cobalah utak-atik contoh diatas

 


Sebelumnya
BAB 027 - (Form) Input Lainnya
  Berikutnya
BAB 029 - Audio Video

 

(0) Komentar

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : Jika pada pembahasan sebelumnya, kita sudah banyak mengenal semua elemen input form juga termasuk atribut dan tipe-tipenya. Di Bab terakhir pembahasan Form ini, kita akan mempelajari bagaimana cara validasi entry form. Yang dimaksud dengan validasi entry adalah : Sebelum data entri form dikirim keserver, terlebih dahulu kita memastikan bahwa semua input entry yang dimasukkan sudah benar dan valid.     Validasi Tidak Boleh Kosong Untuk memvalidasi Tidak Boleh Kosong, kita dapat menggunakan atribut required. Contoh : Cobalah utak-atik contoh diatas     Validasi Email Dengan menggunakan input tipe email, kita bisa secara langsung memvalidasi format email. Contoh : Cobalah utak-atik contoh diatas     Validasi URL Dengan menggunakan input tipe url, kita bisa secara langsung memvalidasi format url. Contoh : Cobalah utak-atik contoh diatas       Validasi Huruf atau Angka Dengan Atribut Pattern kita dapat memvalidasi input Huruf atau Angka sesuai dengan format yang kita mau. Perhatikan contoh format pattern : <input type="text" pattern="[A-Za-z]+" > --> artinya yang valid hanya huruf A-Z atau a-z <input type="text" pattern="[A-Z]+" > --> artinya yang valid hanya huruf A-Z <input type="text" pattern="[D]+" > --> artinya yang valid hanya huruf D <input type="text" pattern="[0-9]+" > --> artinya yang valid hanya angka 0-9   Cobalah utak-atik contoh diatas  

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :