jQuery Step Wizard with Step Form Builder – Timon Step Form

Açıklama

✨ Temel Özellikler

Adım Sihirbazı Kullanıcı Arayüzü: Numaralandırılmış adımlara ve animasyonlu geçişlere sahip yatay/dikey adımlayıcı.
Yerleşik Doğrulama: Bir sonraki adıma geçmeden önce istemci tarafı kontrolleri (gerekli, e-posta, uzunluk, normal ifade).
Koşullu Mantık: Kullanıcı tercihlerine göre alanları veya tüm adımları gösterin/gizleyin.
İlerleme Göstergeleri: Geçerli adım etiketini ve yüzdeyi içeren ilerleme çubuğu.
AJAX Gönderimi: Sayfayı yeniden yüklemeden gönderin; başarı/hata geri aramaları.
Yeniden Kullanılabilir Şablonlar: Desenleri projeler arasında hızlı bir şekilde klonlamak için adım oluşturucu yapısı.
Erişilebilirlik odaklı: Klavyede gezinme, odak yönetimi ve ARIA özellikleri (desteklendiği yerlerde).
Temalı: Bootstrap veya özel CSS ile çalışır; kolay renk/aralık belirteçleri.
Form Geliştirmeleri: Dosya girişleri, tarih seçiciler, maskeler, araç ipuçları ve satır içi ipuçları.
Yerelleştirmeye hazır: Çok dilli kullanıcı arayüzleri için haricileştirilmiş metin dizeleri.

⚙️ Teknik Yığın

Çekirdek: jQuery (3.x önerilir)
Kullanıcı Arayüzü: Bootstrap 4/5 (isteğe bağlı) veya özel CSS
Doğrulama: Yerel eklenti kuralları; jquery doğrulamasıyla uyumlu
Yapı/Araç: Düz JS/CSS (çerçeve gerekmez)

Tarayıcı Desteği: Chrome, Firefox, Safari, Edge (en son iki sürüm).

🧩 Kurulum Kılavuzu

CSS/JS'yi ekleyin: jQuery, (isteğe bağlı) Bootstrap CSS/JS ve Timon Step Form eklenti dosyalarını.
İşaretleme: Adım kapları (ör. <div class="step">) ve sonraki/önceki düğmeleriyle bir form oluşturun.
Sihirbazı başlatın: $('#form').timonStepForm({ validate: true, showProgress: true });
Kural Ekle: Başlatma seçeneklerinde alan doğrulayıcıları ve koşullu göster/gizle mantığını tanımlayın.
Gönder: Yerleşik AJAX işleyicisini kullanın veya kendi onSubmit geri aramanızı bağlayın.
Stil: CSS değişkenleri veya SCSS aracılığıyla renkleri, aralıkları ve adım simgelerini ayarlayın.

📦 Teslimatlar

✅ Eklenti JavaScript ve CSS kaynağı
✅ Örnek HTML demoları (çok adımlı kayıt, ödeme, anket)
✅ İsteğe bağlı Bootstrap tema stilleri
✅ Temel belgeler ve API seçenekleri
✅ GPL lisans dosyası

📱 Desteklenen Platformlar

Web: Herhangi bir modern tarayıcı
Duyarlı: Dokunmaya duyarlı vuruş alanlarıyla mobil öncelikli düzen
CMS Hazır: Laravel/WordPress/herhangi bir PHP yığınında ön uç varlık olarak çalışır

🧠 Notlar

Lisans: GPL kapsamında dağıtılmaktadır; üzerinde çalışabilir, değiştirebilir ve yeniden dağıtabilirsiniz.
Özelleştirme İpuçları:

Uzun formları 3-6 mantıksal adıma bölün; Adımları sonuç odaklı etiketlerle adlandırın.
Kritik alanlar (e-posta/telefon) için bulanıklığı doğrulayın; Kritik olmayan kontrolleri adım değişikliğine erteleyin.
Yeniden yükleme sırasında daha iyi kurtarma için localStorage'da kısmi ilerlemeye devam edin.

SEO Güvencesi: Açık belgeler, erişilebilir işaretleme ve şeffaf lisanslama, listelemenizin E-E-A-T'yi göstermesine ve dönüşümleri artırmasına yardımcı olur.

👨‍💻 Orijinal Geliştirici Kredisi

Lütfen orijinal eklenti yazarına ve pazar listesine yapılan atıfları koruyun (ör.
CodeCanyon) uzmanlıklarını ve kodun kaynağını kabul etmek için.

🔒 Sorumluluk reddi beyanı

Bu paket, eğitim, test ve geliştirme amaçlarıyla sağlanan bir GPL yeniden dağıtımıdır. Orijinal satıcı değiliz ve resmi destek sunmuyoruz. Tüm ticari markalar ve üçüncü taraf kütüphaneleri ilgili sahiplerinin mülkiyetinde kalır. Form verilerinin işlenmesinin gizlilik düzenlemelerine (GDPR/CCPA) ve sunucu tarafı doğrulama kurallarınıza uygun olduğundan emin olun.