Tutorial Javascript : Forms
Saturday, January 27, 2018
Add Comment
Javascript
: Forms
A. Pendahuluan
Baca Juga
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
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 :
- Memastikan pengguna mengisi suatu form.
- Memastikan pengguna mengisi form dengan benar.
- 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.
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 |
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.
0 Response to "Tutorial Javascript : Forms"
Post a Comment