Etiket: form

Catpcha php

PHP: Catpcha Uygulaması

Posted on class="byline"> ile Atilla Akoğlu

Catpcha phpFormlar aracılığıyla data alma uygulamalarında botlardan ve spam robotlarından sakınmak için kullanılan en popüler metod Captcha. Bu uygulamada basit bi Captcha uygulamasını form ile doğrulama işlemlerini işleyeceğiz.

<img src=”captcha.php” align=”middle” height=”40″/> kodu ile resim halinde çağrılan captcha.php dosyası , random karakter öbeğini $_SESSION değerine atayacak ve resim oluşturacak. Karakter fontu için de özel ttf kullanabiliyorsunuz.

Uygulama dosyalarını indirebileceğiniz bağlantı yazının sonundadır.

[…]

Link İle Form Submit

Posted on class="byline"> ile sword fish

Web sitelerimizde yer alan formları submit ederken butonlar yerine sitemizde yer alan daha önce css leri hazırlanmış olan linkler yer alabilir. Hazır linklerimiz dururken css leri ile hazırlanmış olarak birdaha yeniden botunların css lerini ayarlamakla ugraşmak istemiyebiliriz. Bu örneğimizde linklere submit özelliği vermeyi ögreneceğiz. […]

Jquery “Validation Engine” eklentisi ile form doğrulama

Posted on class="byline"> ile yedincisenol

Çok form doğrulama aracı kullanmama rağmen, bi’türlü aradığım aracı bulamamıştım. Bu jquery eklentisi; bu arayışa son verdi. Eklenti’nin öne çıkan özellikleri;

  1. Hata ve uyarı görüntüleme yöntemi çok şık. Çoğru zaman dar form alanlarına uyarı eklendiğinde formun görüntüsü bozuluyordu. Bu eklenti uyarı ve hataların görüntülenmesinde  “position:absolute” değeri kullandığı için. Bir hata verdiğinde formun hiçbir yerinde kayma veya bozulma olmuyor.
  2. İlgili form elemanının doğrulama seçeneklerini elemanın “class” özelliğine ekliyorsunuz. Bi’kaç eklentide olduğu gibi tüm doğrulama kodlarını ayrı bir yerde toplamak pek kullanışlı olmuyor.
  3. Jquery eklentisi.

Bir de kötü yanı var o da doğrulamak istediğiniz form elemanına “id” değeri verme zorunluluğu.

Örnek Uygulama | Örnek Uygulamayı İndir

Nasıl kullanılır?

[…]

Jquery İletişim Formu

Posted on class="byline"> ile sword fish

Web sistemlerimizde yer alan iletişim formlarını jquery ve ajax ile daha görsel ve kullanışlı bir hale getirebiliriz. Bu örneğimizde buton veya linke tıklanıldığında iletişim formumuz ekrana geliyor ve gerekli alanların doğruluk kontrolü yapılarak eposta yoluyoruz.Bu iletişim formu SimpleModal üzerine kurulmuştur. OnOpen, onShow ve onClose geriçağırımlarının kullanımı yanı sıra SimpleModal ile Ajax kullanımı gösterir. […]

backlink-seo

AJAX jQuery Mesaj Kutusu (Shoutbox)

Posted on class="byline"> ile sword fish

Web sitemizde yer alan; ürün, haber, kitap, hikaye vb gibi verilere kullanıcıların yorum yapmaları ve düşünceleri yazmalarını sağlayan formlar oldukca popülerdir. Bu örnegimizde kullanıcı adı ve mesajını yazdığı anda sayfa yenilemesi olmadan Ajax ile mesajı veri tabanına kaydediyoruz ve mesajların yer aldığı “Son Mesajlar” bölümünde gösteriyoruz.

[…]

Jquery Form Validator

Posted on class="byline"> ile sword fish

Formlarımızda yer alan bölümlerin eksiksiz ve uygunbir şekilde kullanıcı tarafından doldurulup doldurulmadığını post edildikten sonra kontrol edebileceğimiz gibi, kullanıcı formu doldururken de kontrol edebiliriz. Bu örneğimizde kullanıcı verileri girip onaylamadan önce formda boş veya yalnış bir veri varmı kontrol edeceğiz.

Javascript Kodlarımız:
[…]

Ajax:CSS:HTML: İletişim Formu

Posted on class="byline"> ile sword fish

Web sitelerimizde yer alan kullanıcı kayıt, login veya adres gibi formlarımızın tasarımları , efektleri, sitemiz ile uyumu, kullanış açısından rahatlığı bizimbir artımızdır. Bu örneğimizde css ve jquery ile derlenmiş bir form tasarımı örneği yapacağız.

CSS Kodlarımız;
[…]