Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Form Registrasi</title>
    <LINK REL = "STYLESHEET" TYPE= "text/css"
    HREF = "format.css">
    <script type="text/javascript">
        function cek(form) {
            while (true) {
function check_box(box)
  {
// memeriksa apakah checkbox sudah ada yang dipilih
    for (i = 0; i < box.length; i++)
    {
      if (box[i].checked === true)
      {
        return box[i].value;
      }
    }
   return false;
   }


    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 box_val = check_box(form.ck);
   var radio_val = check_radio(form.jk);
   if (box_val === false || radio_val ==false || form.uname.value == "" || form.name.value == "" || form.tanggal.value == "tanggal" || form.bulan.value == "bulan" || form.tahun.value == "tahun" || form.alamat.value == "" || form.pass.value == "")
    {
      alert("Masih ada data yang kosong");
      return false;
    }

    jawaban = window.confirm("Apa Data yang sudah anda isi sudah benar?");
    if (jawaban == false) {
        return (false);
    }

    return (true)


    }
    }
    </script>


</head>
<body class="konten">
    <form action="result.html" method="POST" onsubmit="return cek(this)">
<table>
    <tr><td>
            Nama:
        </td>
        <td>

            <input type="text" name="Nama">
        </td>
        <tr>
            <td>
                Username:
            </td>
            <td>
                <input type="usern" name="uname">
            </td>

        </tr>
        <tr>
            <td>
                Password
            </td>
            <td>
                <input type="Password" name="pass">
            </td>
        </tr>

    </tr>

    <tr>
        <td>
            Alamat:
        </td>
        <td>
            <textarea rows="5" cols="20" name="alamat"> </textarea>
        </td>
    </tr>
    <tr>
        <td>
            Tanggal lahir:
        </td>
        <td>
            <select name="tanggal">
            <option value="tanggal" selected="">Tanggal</option>
            <option> 01 </option>
            <option> 02 </option>
            <option> 03 </option>
            <option> 04 </option>
            <option> 05 </option>
            <option> 06 </option>
            <option> 07 </option>
            <option> 08 </option>
            <option> 09 </option>
            <option> 10 </option>
            <option> 11 </option>
            <option> 12 </option>
            <option> 13 </option>
            <option> 14 </option>
            <option> 15 </option>
            <option> 16 </option>
            <option> 17 </option>
            <option> 18 </option>
            <option> 19 </option>
            <option> 20 </option>
            <option> 21 </option>
            <option> 22 </option>
            <option> 23 </option>
            <option> 24 </option>
            <option> 25 </option>
            <option> 26 </option>
            <option> 27 </option>
            <option> 28 </option>
            <option> 29 </option>
            <option> 30 </option>
            <option> 31 </option>
            </select>

            <select  name="bulan">
            <option value="bulan" selected>Bulan</option>
            <option>01 </option>
            <option>02 </option>
            <option>03 </option>
            <option>04 </option>
            <option>05 </option>
            <option>06 </option>
            <option>07 </option>
            <option>08 </option>
            <option>09 </option>
            <option>10 </option>
            <option>11 </option>
            <option>12 </option>
        </select>


            <select name = "tahun" >
            <option value="tahun" selected>Tahun</option>
            <option>1990</option>
            <option>1991</option>
            <option>1992</option>
            <option>1993</option>
            <option>1994</option>
            <option>1995</option>
            <option>1996</option>
            <option>1997</option>
            <option>1998</option>
            <option>1999</option>
            <option>2000</option>
            <option>2001</option>
            <option>2002</option>
            <option>2003</option>
            <option>2004</option>
            </select>
        </td>
    </tr>

    <tr>
        <td>
            Jenis Kelamin:
        </td>
        <td>
            <input type="radio" name="jk" value="p">Pria
            <input type="radio" name="jk" value="l" >Wanita
        </td>
    </tr>
    <tr>
    <td>
        Alat musik yang dimiliki:
        </td>

    <td>
        <input type="checkbox" name="ck" value="gitar">Gitar
        <input type="checkbox" name="ck" value="piano">Piano
        <input type="checkbox" name="ck" value="organ">Organ <br>
        <input type="checkbox" name = "ck" value="keyboard">Keyboard
        <input type="checkbox" name = "ck" value="lain2">Lainnya
    </td>
    </tr>
</table>
<input type="submit" value="KIRIM" >
</form>
</body>
</html>