Validasi TextBox dalam JavaScript

Contoh Kasus:

Saya mempunyai form seperti terlihat pada gambar dibawah ini:

Masukkan Namamu:

Kode yang sudah dibuat

<form name=”frmNama”  action=”tujuan.php”  method=”post’>

Masukkan Namamu:<input type=”text” name=”namaPendaftar”> <br />

<input type=”submit” value=”Simpan”>

</form>

Pertanyaan:
Bagaimana cara validasi textbox diatas, yaitu validasi jika textbox diatas tidak diisi oleh user … ?

Jawaban:

Ikuti langkah berikut ini:

Pembuatan Kode JavaScript

Letakkan kode javascript berikut ini dalam tag <head>:

<script type=”text/javascript”>

function periksaNama(){

var nama=frmNama.namaPendaftar.value;

if(nama.length==0){

alert(“Harap isi namamu”);

return false;

}

}

</script>

Keterangan:

  • frmNama.namaPendaftar.value, Kode ini berarti nilai dari elemen form yang mempunyai name=”namaPendaftar” dan  formnya mempunyai name=”frmNama”.
  • nama.length, Metode length digunakan untuk memeriksa panjang dari nilai.

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

<form name=”frmNama”  action=”tujuan.php”  method=”post’ onSubmit=”return periksaNama()”>

Hasil:

Silahkan jalankan filemu melalui browser dan lihat hasilnya.

 

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

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *