Pemrograman Web-Pengantar Javascript 2.pdf

PERTEMUAN 11
JAVASCRIPT VALIDATION

TOPIK
 OBJEK
 Validasi Form

OBJEK
 Objek dari Navigator (Browser)
 JavaScript membagi satu halaman Navigator dalam
berbagai obyek obyek, dengan tujuan untuk
memudahkan akses salah satu dari mereka dan
memanipulasinya dengan cara merubah sifat/kondisi
(properti) mereka.
 Dimulai dari obyek yang paling besar diantara
semuanya, kemudian turun berdasarkan tingkatan
sampai kepada obyek yang diinginkan.
 Obyek paling besar adalah obyek jendela (window)
dari navigator.
 Di dalam obyek jendela, ada satu obyek yang
ditampilkan dalam bentuk sebuah halaman, kita
sebut obyek dokumen atau document
 Halaman itu berisi banyak obyek seperti, formula,
text, image dan lain lainya..

VALIDASI JAVASCRIPT
 Validasi adalah proses yang dilakukan
untuk mengecek kebenaran (valid tidaknya)
sebuah masukan data pada sebuah
halaman form tertentu
(textbox,radiobox,combobox,dll)
 Pembuatan program validasi menggunakan
javascript untuk kecepatan disisi komputer
client (bukan sisi web server)

MEMBUAT FOCUS ELEMEN
 Dengan bantuan method focus() kita bisa
membuat form sedikit lebih user-friendly.
 Kita bisa membuat elemen mana yang
difokuskan pada saat pertama atau yang
input-nya salah.
 Fokus itu artinya mengeset kursor pada
form-elemen tertentu sehingga user tidak
harus lagi menclick elemen yang
bersangkutan sebelum memasukkan
sesuatu.

 Kita bisa melakukan hal ini dengan script yang
sederhana berikut ini:
function setfocus() {
document.first.text1.focus();
}

 Jika hendak membuat focus pada element ini saat
halaman di-load kita bisa menambahkan pada
property onLoad di tag <body> seperti ini:
<body onLoad="setfocus()">

 Lebih lanjut kita dapat melakukan hal sebagai
berikut, yang akan mengeset focus dan juga men-
select input :
function setfocus() {
document.first.text1.focus();
document.first.text1.select();
}

9
FUNGSI YANG DIBUAT SENDIRI
 Memvalidasi Masukan pada Formulir
<HTML>
<HEAD>
<TITLE>Validasi Masukan</TITLE>
</HEAD>
<BODY>
<SCRIPT LANGUAGE = "JavaScript">

</SCRIPT>
<FORM NAME = "formku">
<PRE>
Nama : <INPUTTYPE = "TEXT" NAME = "nama"><BR>
<INPUTTYPE = "BUTTON"VALUE = "Kirim"
onClick = "cekNama(this.form)"><BR>
</PRE>
</FORM>
</BODY>
</HTML>

OBJEK PASSWORD
<HTML>
<HEAD>
<TITLE>Mengakses Objek password</TITLE>
</HEAD>
<BODY>
<FORM NAME = "formTes"
ACTION = "tesform.htm"
METHOD = "POST">
<PRE>
Password Pengganti : <INPUT TYPE =
"PASSWORD"
NAME = "password_1">
Password Sekali Lagi: <INPUT TYPE =
"PASSWORD"
NAME = "password_2">
</PRE>
<INPUT TYPE = "BUTTON"
NAME = "tombolProses"
VALUE = "Proses"
onClick = "cekPassword()">
</FORM>
<SCRIPT LANGUAGE = "JavaScript">

</SCRIPT>
</BODY>
</HTML>

Pemrograman Web-Pengantar Javascript 2.pdf

More Related Content

More from Fajar Baskoro

Recently uploaded

Pemrograman Web-Pengantar Javascript 2.pdf