13 SEPTEMBER 2011 : Selamat pagi temen – temen semua, kali ini saya akan kembali berbagi tentang :
1. Membuat focus pada form
2. Validasi form
Maksud pada point pertama yaitu ketika kita membuka sebuah halaman form, maka kursor akan langsung focus ke element dari form. Adapun maksud point kedua adalah ketika kita menekan submit, maka akan divalidasi apakah semua element form sudah terisi atau kosong. Biar lebih paham kalian bisa lihat contoh scriptnya dibawah ini :
<html><head><title>form</title>
<script language="javascript">function validasi(form){if(form.username.value==""){alert("Anda belum mengisikan username.");form.username.focus();return(false);}if(form.password.value==""){alert("Anda belum mengisikan password.");form.password.focus();return(false);}return(true);}</script></head>
<body OnLoad="document.login.username.focus();">
<form name="login" action="#" method="POST" onSubmit="return validasi(this)">
<input type="text" name="username"><br>
<input type="password" name="password">
<input type="submit" value="Login">
</form></body></html>
Sedikit penjelasan pada script function validasi yang harus kalian perhatikan adalah huruf yang tercetak biru. Itu harus disesuaikan dengan nama dari tiap elemet form. Contohnya nama element dari form adalah “username” dan “password”. form.username.value=="". Jadi logikanya ketika nilai dari element username atau password bernilai kosong maka function validasi akan menampilkan pesan error “Anda belum mengisikan username.”. Kemudian kursor akan difokuskan pada element form username form.username.focus().Fungsi validasi tersebut dapat dipanggil dengan menyisipkan pada attribute form onSubmit="return validasi(this)
Kemudian agar kursor focus pada pada salah satu element dari form ketika halaman form tersebut terbuka, kita bisa menyisipkan OnLoad="document.login.username.focus() pada attribute body.
Oke teman – teman semua selamat belajar. Keep spirit on. `^_^’.
Full Artikel == >> Klik Disini
Posting Komentar
Posting Komentar