Notes For My Knowledge

Private Trainer, Web , Mobile & Desktop Programmer


Fahmi Basya Kartapura On April - 8 - 2012

Contoh Kasus:

Saya mempunyai ComboBox seperti berikut ini:

Kota:

Kode yang sudah dibuat

<form name=”kota” action=”tujuan.php” method=”POST” > 

Kota:

<select name=’pilihKota’>

<option value=”0″>Pilih Kotamu</option>

<option value=”jakarta”>Jakarta</option>

<option value=”bogor”>Bogor</option>

<option value=”tanggerang”>Tanggerang</option>

<option value=”bekasi”>Bekasi</option>

</select>

<input type=’Submit’ value=’Simpan’ />

</form>

Pertanyaan:

Bagaimana cara memvalidasi jika saya tidak memilih salah satu kota maka akan tampil pesan “Harap Pilih Kotamu” … ?

Jawaban:

Ikutilah langkah dibawah ini:

Pembuatan Kode JavaScript

Letakkan Kode JavaScript berikut ini ke dalam tag <head>:

<script type=’text/javascript’> 

function periksaKota(){

var terpilih=document.kota.pilihKota.value;

if(terpilih==”0″){

alert(“Harap pilih kota asalmu”);

return false;

}

}

</script>

Keterangan:

  • document.kota.pilihKota.value,┬áKode ini berarti nilai dari elemen form yang mempunyai name=”pilihKota” dan formnya mempunyai name=”kota”.

Lalu tambahkan event onSubmit pada formmu sehingga menjadi seperti berikut ini:

<form name=”kota” action=”tujuan.php” method=”POST” onSubmit=”return periksaKota()”>

Hasil:

Silahkan jalankan filemu melalui browser dan lihat hasilnya.

 

Jika tutorial ini bermanfaat silahkan katakan ‘Terima Kasih Fahmi Basya Kartapura’.





Categories: JavaScript

Comments are closed.

Copy Protected by Chetans WP-Copyprotect.