Form Menggunakan jQuery Validation Plugin

watch_later Wednesday, 11 November 2015

  



Ini salah satu contoh cara membuat form validation


Pertama buka DW anda :


<body>
  <form id="formMahasiswa" method="post">
<table>
         <tr>
         <td>Nama</td>
         <td><input type="text" name="nama" id="nama" class="required" title="Nama Harus Diisi"/></td>
         <td><label for="nama" class="error"></label></td>
         </tr>
         <tr>
         <td>Nim</td>
         <td><input type="text" name="nim" id="nim" class="required" title="Nim Harus Diisi" /></td>
         <td><label for="nim" class="error"></label></td>
         </tr>
         <tr>
         <td>Alamat</td>
         <td><input type="text" name="alamat" id="alamat" class="required" title="Alamat Harus Diisi"/></td>
         <td><label for="alamat" class="error"></label></td>
         </tr>
         <tr>
         <td>Agama</td>
         <td><input type="text" name="agama" id="agama" class="required" title="Agama Harus Diisi"/></td>
         <td><label for="agama" class="error"></label></td>
         </tr>
         <tr>
         <td>Jenis Kelamin</td>
         <td><input type="radio" name="jenis_kelamin" id="jenis_kelamin" value="Laki-Laki" class="required" />Laki-Laki
              <input type="radio" name="jenis_kelamin" id="jenis_kelamin" value="Perempuan" class="required" />Perempuan
         </td>
         <td><label for="jenis_kelamin" class="error"></label></td>
         </tr>
         <tr>
         <td></td>
         <td><input type="submit" value="Submit"/></td>
         </tr>
</table>
   </form>
</body>
    



Ini script validation :






<script type="text/javascript">
       $(document).ready(function(){
          $("#formMahasiswa").validate();
       });
    </script>





semoga bermanfaat