Validasi Pilihan Radio Button

Validasi Pilihan Radio Button

Sebelumnya sediakan dulu form Radio Button, disini saya mencontohkan pilihan untuk jenis kelamin, dimana user harus memilih laki-laki atau Perempuan. Berikut kode formnya

<form method="post" action="aksi.php" onsubmit="return validasi_input(this)">

<p>Jenis Kelamin: <input type="radio" name="jk" value="L">Laki-Laki

<input type="radio" name="jk" value="P">Perempuan</p>

<p><input name="" type="submit" value="Submit"></p>

</form>

Pada From tersebut masih terdapat kode onsubmit=”return validasi_input(this)”, Berikut Kode JS untuk fungsi tersebut

<script type="text/javascript">
function validasi_input(form){
  function check_radio(radio)
  {
// memeriksa apakah radio button sudah ada yang dipilih
    for (i = 0; i < radio.length; i++)
    {
      if (radio[i].checked === true)
      {
        return radio[i].value;
      }
    }
   return false;
   }

   var radio_val = check_radio(form.jk);
   if (radio_val === false)
    {
      alert("Anda belum memilih Jenis Kelamin!");
      return false;
    }
   return (true);
}
</script>

Pada Fungsi validasi_Input terdatapat juga fungsi cek_radio yang fungsinya untuk mengembalikan nilai True jika sudah ada yang terpilih dan False jika belum ada yang terpilih.

SEMOGA BERMANFAAT

Tweet