Minimal Inputan dan hanya Huruf atau Angka

  • Minimal Inputan dan hanya Huruf atau Angka

    Gunakan form username saja sebagai contoh, dan ganti JavaScriptnya menjadi berikut
    <script type="text/javascript">
    function validasi_input(form){
       pola_username=/^[a-zA-Z0-9\_\-]{6,100}$/;
       if (!pola_username.test(form.username.value)){
          alert ('Username minimal 6 karakter dan hanya boleh Huruf atau Angka!');
          form.username.focus();
          return false;
       }
    return (true);
    }
    </script>
     
  • 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.

    Lanjut......

0 Response to "Minimal Inputan dan hanya Huruf atau Angka"

Post a Comment