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:

   

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

Tulisan Lain   RazorFlow : HTML5 Framework Untuk Membuat Dashboard Dengan PHP

By alfach

Leave a Reply

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