Happy.js : Jquery Form Validation yang Ringan

Sekilas membahas jquery plugin. Mungkin sudah banyak plugin jquery yang berfungsi sebagai validation. Namun tidak ada salahnya mencoba jquery plugin yang berbeda jika anda mencari plugin yang sederhana. Kali ini namanya happy.js.

Plugin happy.js adalah ringan dan mendukung beberapa validasi input standar (require, tanggal, angka, email, min/maksumum dan nomor telepon). Namun bisa diperluas dengan mudah dengan menambahkan beberapa baris dan fungsi regex, sesuai keinginan kita.

Download happy.js di sini

Berikut ini misal contohnya:

1. Setelah meng-include happy.js tentunya. Definisikan form yang anda gunakan:

<form id="FormSaya" method="post">  
<input id="namaAnda" type="text" name="nama" />  
<input id="emailAnda" type="text" name="email" />
</form>

2. Defisinikan skema validasi anda:

$('#FormSaya').isHappy({
    fields: {
      // reference the field you're talking about, probably by `id`
      // but you could certainly do $('[name=name]') as well.
      '#namaAnda': {
        required: true,
        message: 'Silahkan isi nama Anda'
      },
      '#emailAnda': {
        required: true,
        message: 'Silahkan isi email Anda',
        test: happy.email // this can be *any* function that returns true or false
      }
    }
  });

done!. Cukup mudahkan. Untuk mengetahui lebih banyak silahkan merujuk ke : happyjs.com