JQuery Form Kontrol

Enes Pekkaya    Javascript, JQuery     Ajax, Javascript, JQuery

Bugün işyerimde ölece oturup düşünürken birden aklıma blog sitemde jquery ile bir tane bile yazımın olduğunu düşündüm. Ne duruyorum diyip bu konuyla alakalı ilk yazımı sizlerle paylaşayım dedim.

Jquery’ yi bir çok web yazılımcısı bilir çünkü ciddi manada hayatımızı tahmin edemeyeceğimiz şekilde kolaylaştırır. Yazımın devamındaki form kontrol mekanizmasında anlatacağım.

Jquery nin tam olarak ne olduğunu bilmeyen arkadaşlar için kısa bir açıklama yapalım.

JQuery Nedir?

JQuery, hem javaScript hem ajax hem de efekt kütüphanesi olarak kullanılabilen bir framework’dür. 2006 başında John Resig tarafından duyurulmuş ve hali hazırda 15 kişilik bir ekip tarafından gelişimi sürdürülmektedir. Açık kaynak bir framework olmasından dolayı üzerine bir çok eklenti yazılmış ve bu sayede de tüm dünyada kullanıcı kitlesi bir anda artmıştır.

www.jquery.com adresinden indirebileceğiniz jQuery, sıkıştırılmış ve sıkıştırılmamış olmak üzere iki farklı şekilde dağıtılmaktadır. Sıkıştırılmamış sürümü yaklaşık olarak 155 KB iken, sıkıştırılmış sürümü ise yaklaşık 24 KB. Kısacası dosya boyutları hem javaScript, hem ajax, hem de efekt kütüphanesi için yeterince hafif. Eğer ki jQuery’yi oluşturan kodlara bakmak ve kodlar üzerinde değişiklik yapmak gibi bir düşünceniz yoksa her zaman için sıkıştırılmış sürümünü indirmeniz önerilir. (Kaynak: Wikipedia)

Jquery Validation Engine

Bir formu, kullanıcı tarafından kontrol etmek istersek javascript ile baya bir kasmamız gerekebilir. Kasmadan kasıt uzun bir kod öbeği yazmamızdır. Haliyle web yazılımcısı için fazladan zaman kaybıdır. Benim yapmış olduğum son projelerde Jquery Form Validation kütüphanesini kullanmaya başadım. Gerçekten şunu gönül rahatlığı ile söyleyebilirim ki yazılımcı kimliğimle şu ana kadar karşılaşmış olduğum en iyi form validation kütüphanesi. Bunu yazan kişi gerçekten çok esnek, anlaşılır, kullanımı kolay ve sonradan dahada geliştirilebilir hale getirmiş.

Sistemle birlikte gelen kontrollesi sıralarsak;

• Zorunlu alan
• Cümle Uzunluk kısıtlaması
• Max checkbox işaretleme kısıtlaması
• Min checkbox işaretleme kısıtlaması
• İki inputu karşılaştırıp aynı olup olmadığının kontrolü
• Telefon numarası kontrolü
• E-posta kontrolü
• Tarih kontrolü
• Sadece rakam  olma kontrolü
• Özel karakterlerin kntrolü

Yukarıda bahsettiklerim sadece size otomatik şekilde gelenler. Peki biz kendi kontrollerimizi yazamazmıyız? Cevabı basit elbette.

ister kendi fonksiyonunuzu yazın isterseniz regular expression la kontrol edebilirsiniz. Yada ben otomatik kontrol olmasında kullanıcı gönder butonuna bassın o zaman kontrol yapsın isterseniz oda mümkün.

Otomatik kontrol için ;

<script>
$(document).ready(function() {
 $("#formID").validationEngine();
});
</script>

Yok ben bir butona tıklayınca kontrol yapsın istiyorsanız ;

<script>

$(document).ready(function() {

$("#buttonID").click(function(){

 if($("#formID").validationEngine({returnIsValid:true}))

{

 //Form bizim istediğimiz gibi ise yapılacaklar buraya yazılır

}

});

</script>

Aslına bakarsanız benim burada herşeyi anlatmam pek mümkün değil. Fakat kullanmanızı şiddetle tavsiye ederim.

Jquery Validation Engine Web Sitesi :

http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/

Demo Sayfası :

http://www.position-relative.net/creation/formValidator/

İndirmek için :

http://www.position-relative.net/creation/formValidator/formValidator.zip

Herkese kasmadan, fazla kafa patlatmadan böyle güzel kütüphaneler bulmanızı dilerim 🙂