10/29/12

cara cek isian form pada web dengan JavaScript

Sebelum isian pada suatu form html diproses, maka perlu diproses/dilihat apakah isian tersebut sudah benar atau belum. Perhatikan form berikut:

<html>
<head>

<SCRIPT Language="JavaScript">
<!--
function cekField(frm){
  var salah=0;
  if((frm.nama.value==""))
  {
       alert("Nama Mahasiswa belum diisi!!!");
       document.isian.nama.focus();
       salah=1;
  }


  if((frm.alamat.value=="")&& (salah==0))
  {
       alert("Alamat belum diisi!!!");
       document.isian.alamat.focus();
       salah=1;
  }



  if((frm.notelp.value=="")&& (salah==0))
  {
       alert("No.Telp belum diisi!!!");
       document.isian.notelp.focus();
       salah=1;
  }

 if(salah==0)
  {
  document.forms["formulirS2"].submit();
  }
</SCRIPT>

</head>

<body>

<form method=post action="simpan.asp" name="isian">


Nama<input type="text" name="nama" size='100' maxlength='250' >


Alamat<input type="text" name="alamat" size='100' maxlength='250' >


No.Telp<input type="text" name="notelp" size='100' maxlength='250' >
<input type="button" value=" Simpan " onClick="cekField(this.form)"  />

</form>

</body>


Perhatikan script diatas jika button simpan diklik maka akan menjalankan script JavaScript bernama cekField dengan membawa passing variabel this.form (yg dalam hal ini adalah form dengan nama isian)

sekarang perhatikan script
<SCRIPT Language="JavaScript">
<!--
function cekField(frm){
  var salah=0;
  if((frm.nama.value==""))
  {
       alert("Nama Mahasiswa belum diisi!!!");
       document.isian.nama.focus();
       salah=1;
  }


  if((frm.alamat.value=="")&& (salah==0))
  {
       alert("Alamat belum diisi!!!");
       document.isian.alamat.focus();
       salah=1;
  }


  if((frm.notelp.value=="")&& (salah==0))
  {
       alert("No.Telp belum diisi!!!");
       document.isian.notelp.focus();
       salah=1;
  }
 if(salah==0)
  {
  document.forms["formulirS2"].submit();
  }
</SCRIPT>

Script tersebut harus diletakan diantara <head> dan </head>
perhatikan function cekField(frm)
variabel frm disini menerima passing parameter dari onClick="cekField(this.form)
sedangkan untuk cek isian nama adalah

 if((frm.nama.value==""))
  {
       alert("Nama Mahasiswa belum diisi!!!");
       document.isian.nama.focus();
       salah=1;
  }

Artinya jika isian yang bernama "nama" berisi kosong maka akan ditampilkan alert.
dan kursor secara otomatis akan mengarah ke field nama, demikian juga dengan isian alamat dan no.telp.

nah apabila sudah bebas dar kesalahan maka akan menjalankan script

 if(salah==0)
  {
  document.forms["isian"].submit();
  }

artinya akan menjalan form tersebut ke file simpan.asp

Demikian semoga bermanfaat

Postingan Lebih Baru Postingan Lama