JS Validation

JavaScript dapat digunakan untuk memvalidasi data dalam bentuk HTML sebelum mengirim konten ke server. 



Data form biasanya diperiksa oleh JavaScript dengan kriteria:

  • Apakah pengguna meninggalkan bidang kosong yang diperlukan? 
  • Apakah pengguna memasukkan alamat e-mail yang valid? 
  • Apakahpengguna memasukkan tanggal yang valid? 
  • Apakah pengguna memasukkan teks dalam bidang numerik? 
  • Inputan tidak boleh kosong 


Berikut ini contoh pengecekan form tidak boleh kosong dengan javascript

<script>
    function validateForm()
{
var x=document.forms["myForm"]["fname"].value
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}
</script>
<form name="myForm" action="demo_form.html" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

Pengecekan form untuk inputan alamat email:


<script>
  function validateForm()
{
var x=document.forms["myForm"]["email"].value
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
  {
  alert("Not a valid e-mail address");
  return false;
  }
}
</script>
<form name="myForm" action="demo_form.html" onsubmit="return validateForm();" method="post">
Email: <input type="text" name="email">
<input type="submit" value="Submit">
</form>
 
Bagikan halaman ke sosial media
 
 
 

   Komentar Anda