Tutorial Javascript : Forms

Javascript : Forms

Assalamu'alaikum W. W.
A. Pendahuluan
Halo, pada kesempataan kali ini saya akan menjelaskan apa itu javascript.
1.Pengertian
Menurut wikipedia : JavaScript adalah bahasa pemrograman tingkat tinggi dan dinamis. JavaScript populer di internet dan dapat bekerja di sebagian besar penjelajah web populer seperti Internet Explorer (IE), Mozilla Firefox, Netscape dan Opera. Kode JavaScript dapat disisipkan dalam halaman web menggunakan tag SCRIPT.
2.Latar Belakang
Mengetahui bagaimana cara membuat perilaku dalam sebuah website agar dapat lebih mudah untuk dioprasikan.
3.Maksud dan Tujuan
Paham dan dapat mengggunakan javascript, sehingga dapat mengatur perilaku dari sebuah website.
B. Alat dan Bahan
- PC
- Text Editor
- Web Browser
C. Jangka Waktu Pelaksanaan
  1 Jam
D. Penjelasan
1. JavaScript Form Validation
Untuk membuat suatu validasi dalam HTML kita dapat menggunakan javascript.
Script Javascript :

Form HTML-nya :

Validation adalah proses untuk memastikan bahwa input pengguna sudah terisi, benar, dan tepat.
Fungsi validasi adalah :

1. Memastikan pengguna mengisi suatu form.
2. Memastikan pengguna mengisi form dengan benar.

Janis Validasi :

• Server side validation, dilakukan oleh web server, setelah inputan masuk dan telah dikirim ke server.
• Client side validation, dilakukan oleh web browser, sebelum inputan dikirm ke web server.

Dalam HTML sendiri juga memiliki pengaturan validation sendiri.
Artibut Validation dalam HTML :

Attribute	Penjelasan
disabled	Mengatur agar fom nonaktif.
max	Mengatur jumlah nilai maksimal dari form tersebut.
min	Mengatur jumlah nilai minimun dari form tersebut
pattern	Menentukan pola nilai elemen inputan.
required	Memastikan agar form terisi.
type	Menentukan type isian dalam form.

Dalam CSS sendiri juga memiliki pengaturan validation sendiri.
Artibut Validation dalam CSS :

Selector	Penjelasan
:disabled	Mengatur agar fom nonaktif
:invalid	Memilih elemen input dengan nilai yang tidak benar
:optional	Mengatur agar form tidak wajib untuk diisi.
:required	Mengatur agar form wajib diisi.
:valid	Memilih nilai input dengan nilai yang benar

E. Kesimpulan
Forms digunakan ketika kita akan membuat sebuah isian kolom, seperti pendaftaran dll.
F. Referensi
https://id.wikipedia.org/wiki/JavaScript
https://www.w3schools.com/js/js_validation.asp

Wasslamu'alaikum W. W.

Share this post