validate.js - Javascript Form Doğrulama Kütüphanesi

validate.js - Javascript Form Doğrulama Kütüphanesi

validate.js Codeigniter Form_Validation kütüphanesinden ilham alınarak hazırlanmış bir javascript form doğrulama kütüphanesi. Oldukça hafif olan kütüphane Gzip ile sıkıştırıldığı zaman ancak 1kb boyutuna ulaşabiliyor.

Codeigniter form doğrulama kütüphanesinde bulunan bir çok doğrulama kuralının yer aldığı kütüphanenin kullanımı da Form_validation kütüphanesiyle birebir aynı. Yine aynı şekilde kendi callback fonksiyonlarınızı yazarak özel doğrulama kuralları oluşturabilir, hata mesajlarını istediğiniz şekilde özelleştirebilirsiniz.

Özellikleri

  • Bir çok kural ile form alanlarını doğrulama
  • Çalışması için herhangi bir kütüphaneye bağımlılığı yok
  • Özelleştirilebilir hata mesajları
  • Özel kurallar için kendi fonksiyonlarını yazabilme
  • Zincirlenebilir özelleştirme metodları
  • IE6 dahil tüm tarayıcılarla uyumlu
  • CodeIgniter form validation API'si ile benzer bir model

Kurulum ve Kullanım

Sayfanıza Javascript dosyasını dahil edin.

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

İsteğinize uygun olarak validation nesnesini oluşturun.

var validator = new FormValidator('example_form', [{
    name: 'req',
    display: 'required',    
    rules: 'required'
}, {
    name: 'alphanumeric',
    rules: 'alpha_numeric'
}, {
    name: 'password',
    rules: 'required'
}, {
    name: 'password_confirm',
    display: 'password confirmation',
    rules: 'required|matches[password]'
}, {
    name: 'email',
    rules: 'valid_email'
}, {
    name: 'minlength',
    display: 'min length',
    rules: 'min_length[8]'
}], function(errors, events) {
    if (errors.length > 0) {
        // Hataları göster
    }
});

Gördüğünüz gibi kütüphanenin kullanımı oldukça basit. Beni asıl cezbeden konu kural tanımlamanın birebir form validation kütüphanesi ile aynı olması. Bu sayede form alanlarını Javascript ile de doğrulamak istersek tekrar aynı kuralları yazmadan Codeigniter Form_validation sınıfını özelleştirerek controller içinde tanımladığımız kurallara göre Javascript kodlarını oluşturabiliriz.

Diğer tüm detayları burada bulabilirsiniz http://rickharrison.github.com/validate.js

Bu yazı en son 25 Aralık 2011 tarihinde düzenlenmiştir ve güncelliğini yitirmiş olabilir.

blog comments powered by Disqus

© Mustafa Navruz 2011 0.0175 sn.

^ Başa Dön