Home / Web / Happy.js : Jquery Form Validation yang Ringan

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

About alfach

Check Also

Instalasi Laravel Di Ubuntu/Linux Mint

Mungkin tutorial ini terlewat, karena sudah ada beberapa tulisan mengenai laravel, tapi yang paling dasar ...

Leave a Reply

Your email address will not be published. Required fields are marked *