Doğrulama, uzun yıllar boyunca, profesyonel web tasarım çevrelerinde tartışma için önemli bir kaynak oldu, çok fazla değişen, böyle bir geniş ve farklı bir konu, ve bazen de çelişkili, teknikleri ve fikirleri.Temel olarak, form doğrulama için takip gerçek tutarlı bir yöntem yoktur.
Javascript ile ve özellikle popülerlik jQuerys patlama ile doğrulama uygulanması kolay hale gelmiştir. Bu web geliştiricileri sadece erişilebilir ve görsel olarak çekici formlar oluşturmak için kapsam vermiş, ama aynı zamanda ve en önemlisi kullanımı kolay ve anlamak için.
Bu Mesaj için en iyi web tasarım çözümü daha kolay olurdu form doğrulama jquery eklentileri listesi vermiyorsa, bizim favori öğreticiler açıklayan ve doğrulama detaylandırma ve nasıl başarılı bir şekilde uygulamak için on sunar ve bazı durumlarda nasıl inşa etmek için kendi öğrenme terzi eklentisi yaptı.
Bu yazıda basit ama güçlü ve genişletilebilir jQuery form doğrulama eklentisi nasıl inşa olacaktır.
Bu makalede, nasıl kullanılacağını göstermek değildir
jQuery doğrulamak , hafif, esnek bir çözüm sıfırdan inşa kapsar. Bu yaklaşık olarak gelişmiş ve resmi eklenti gibi güçlü olmayacaktır. Bununla birlikte, bir jQuery, JavaScript ve Nesne Tabanlı yönü yeni bir şey öğreneceksiniz.
Her iki tarafında PHP ve jQuery kullanarak bu indepth öğretici, formlarınızı doğrulamak için öğrenmek için gidiyoruz. Istemci tarafında (javascript jQuery ile kullanarak) ve sunucu tarafında (PHP) kullanarak
öğretici sonunda alırsınız / javascript etkin olmadan alanları doğrular nihai bir gerçek çalışma örneği, amd her zaman sunucu tarafında validaton yararlanarak .
Bu eğitimde, PHP ve jQuery kullanarak kendi jQuery iletişim formunu oluşturmak için öğreneceksiniz.Tut, biçimlendirme, PHP doğrulayarak jQuery zor bir süreç daha sonra iletişim formunu işleme ve iletişim formu için tek bir sayfa oluştururken, ilk temelleri üzerinden alır.
Basit bir kullanıcı deneyimi söz konusu olduğunda, sayfaları yeniden ve muhtemelen bazı form içeriğini kaybeden daha bir çok temizleyici, form doğrulama aynı sayfada hemen gerçekleşir. Bu öğretici bir örnek Yorum formunu bazı anlık denetimi yapmak için jQuery kullanmak nasıl gösterilir olacak.
Bu screencast kod güçler oldukça gelişmiş bir web formu aracılığıyla yürüyor. JQuery gizlemek ve üç eklentileri gerekli yanı sıra güç girişleri göstermek için kullanır. Bir fantezi stil uygulamak için, doğrulama için bir giriş ve AJAX teslim Dizgeleştirmeyi. Daha sonra, isteğe bağlı olarak kullanıcı ismi ve e-posta, yanı sıra gerçek bir e-posta göndermek kaydetmek için PHP kullanabilirsiniz.
Orada pek çok iletişim formları için WordPress eklentileri, ancak biçimlendirme üzerinde daha fazla kontrole sahip olmak güzel olmaz mıydı? Bu eğitimde, bir WordPress eklentisi olmadan bir iletişim formu oluşturmak için özel bir sayfa şablonu ve form gönderildiğinde ya da olsaydı belirlemek için, doğrulama, koşullu ifadeleri kullanmayı nasıl gösterilir.
Doğrulama oluşturmak için geldiğinde, her formu ile çok yönlü çalışan bir çözüm olması zor .Bulmaktan nasıl hataları görüntülemek için basit bir görev değildir
Bu eğitimde nasıl bir form oluşturmak için gösterilir ve bir hata görüntülenir gerektiğinde, komut dosyası bir div yaratacak ve sağ üst köşedeki pozisyonları giriş. Bu sayede HTML form yapısı hakkında endişelenmenize gerek olmayacaktır. Öğretici hasbeen yuvarlak köşe ve gölge CSS3 ile inşa edilmiş ve uyumlu olmayan tarayıcılarda iyi düşürür.
Bu makale, jQuery doğrulama eklentisi kullanarak istemci tarafında doğrulama tartışır . Yani, sunucuya formu göndermeden önce alanları doğrulamak için JavaScript kullanabilirsiniz. Bu hızlı ve verimli ve herhangi bir hata durumunda ziyaretçinin hızlı yanıt sağlar. Ancak, aynı zamanda sunucu tarafında veri veritabanına eklemeden önce doğrulamak için tavsiye edilir.
öğretici dört alanları içeren bir form oluşturur: isim, e-posta, yorum ve URL. URL alanına isteğe bağlı ise ilk üç alan gereklidir. Ve gerekli alanları doldurarak formu göndermeniz halinde, bir hata mesajı ile istenir olacaktır .
Bu öğretici, zaten form çalıştığını noktaya kadar inşa sahip beklediğini ama şimdi bazı doğrulama
ihtiyacı bu öğretici bitirdiğinizde, kullanıcı adı örneği, yerleşik, sunucu ile seçilen isim) olup olmadığını kontrol edecek geçerli ve b) mevcuttur. Avatar örnek başarısız olursa, uygun mesaj göstermek, gizli bir görüntü URL yüklemek için çalışacağız.
Bu öğretici inşa edecek ne benzer indirmek için çok sayıda jQuery eklentileri vardır. Ancak form veya doğrulama daha iyi bir anlayış ile daha fazla esneklik gerekiyorsa bu öğretici size yardımcı olacaktır. Yani, burada jQuery kullanarak istemci tarafında JavaScript doğrulama ulaşmak için bir adım-adım yaklaşım.