validasi form dengan jquery validate

hallo blogger kali ini saya akan menjelaskan tentang bagaimana cara membuat validasi form dengan jquery validate. validasi adalah penggunaan rule / aturan dalam sebuah form, validasi disini biasanya berupa maxlength, minlength, number, required, email dll. dalam sebuah website yang baik penggunaan validasi sangat dibutuhkan karena jika tidak digunakan dapat berakibat fatal. contohya kita ingin user memasukkan angka namun tidak ada validasi sehingga user dapat salah menginputkan huruf didalamnya sehingga dapat terjadi error ketika digunakan untuk perhitungan. baik lansung saja saya akan menjelaskan bagaimana caranya.

Baca juga mengubah atau custom jquery validate

yang pertama anda lakukan ialah jangan lupa untuk memanggil library jquery validate baik dari local maupun dari url tertentu dengan cara

<script type="text/javascript" src="jquery.validate.js">

kemudian diantara <head> </head> tambahkan script dibawah ini

<script type="text/javascript">
$(document).ready(function() {
$('#form1').validate({
ignore: ":hidden:not(select)",
rules:{
nim: {
maxlength:15,
minlength : 5,
required: true,
},
nama: {
required: true,
maxlength: 50,
minlength : 5,
},
alamat: {
required: true,
maxlength: 50,
minlength : 5,
},
email: {
required: true,
email : true,
maxlength: 20,
minlength : 5,
},
},
messages: {
  nim:{
required: message_alert("nim tidak boleh kosong"),
  minlength: message_alert("masukkan minimal 5 karakter"),
  maxlength: message_alert("masukkan maksimal 50"),
},
  nama:{
required: message_alert("nama tidak boleh kosong"),
  minlength: message_alert("masukkan minimal 5 karakter"),
  maxlength: message_alert("masukkan maksimal 50"),
},
  alamat:{
required: message_alert("alamat tidak boleh kosong"),
  minlength: message_alert("masukkan minimal 5 karakter"),
  maxlength: message_alert("masukkan maksimal 50"),
  },
  email:{
required: message_alert("nama tidak boleh kosong"),
  minlength: message_alert("masukkan minimal 5 karakter"),
  maxlength: message_alert("masukkan maksimal 20"),
email : message_alert("email tidak valid"),
  },
  }
});
}
</script>