2013-03-08 38 views
7

Meteor henüz bir doğrulama doğrulama paketine sahip değil. Hangi doğrulama kitaplarını dikkate almalıyım? Diğer insanlar ne kullanıyor?Meteor ile Form Girişi Doğrulama

+0

http://bit.ly/meteor-form-validation-video

ben farkındayım ama form destek geliyor. En son bilgiler (aşağıda David'in iyi yanıtını kullanmaya karar verseniz bile faydalanabilirsiniz), http://www.youtube.com/watch?feature=player_embedded&v=RSASfz_vU2k –

cevap

9

SimpleSchema'yı Collection2 ile kullanmaya ve doğrulama için otomatik formu kullanmaya karar verdik. Bu çok karmaşık bir çözüm. Her formu elle yuvarlamaya çalışmak yerine, bu yaklaşımı kullanarak çok fazla zaman tasarrufu sağlıyoruz.

Basitçe (doğrulama kuralları ayarlarını veri türü için otomatik olarak sağlanan ve isRequired edilir) daha sonra AutoForm (tek bir kod satırı) ile bir form oluşturma ve doğrulama kuralları ile bir plan tanımlayarak özgür

    için tüm bu olsun
  • Bootstrap3 sınıflarını kullanan otomatik olarak oluşturulmuş bir form.
  • Koleksiyon şemasındaki tüm anahtarlar için uygun HTML5 alanları.
  • Girilen değerleri toplayan ve bunları koleksiyonunuza ekleyen bir gönderme düğmesi.
  • Koleksiyonunuza eklenen şemaya dayalı form doğrulaması. Varsayılan olarak, kullanıcı gönderdiğinde form doğrulanır. Bir şey geçersizse, kullanıcı konuları düzelttikçe, form sürekli olarak anahtarlamada (daraltılmış) yeniden doğrulanır.
  • Alanlar altında görünen ve özelleştirilip dönüştürülebilen varsayılan doğrulama hata iletileri.

meteor-simple-schema Meteor için basit, reaktif bir şema doğrulama akıllı paketi. https://github.com/aldeed/meteor-simple-schema

meteor collection2 bir şema belirten ve ekleme ve güncelleme zaman o şemayla doğrulamak için destek temin etmek üzere Meteor.Collection uzanan Meteor'a için akıllı bir paket. Ayrıca sanal alanlar için destek ekler. https://github.com/aldeed/meteor-collection2

meteor AutoForm kolayca otomatik ek ve güncelleştirme olayları ve otomatik reaktif doğrulama ile bazik formları oluşturmak için UI bileşenleri ve yardımcıları ekler Meteor'a için akıllı bir paket. https://github.com/aldeed/meteor-autoform

+0

Bu yaklaşımla, farklı kullanıcı dilleriniz varsa, her bir hata mesajını ayarlamak için çok fazla iş var demektir. –

+0

neden bu? Bizim app tamamen çok dilli. Meteor için messageFormat paketini kullanıyoruz. Çok fazla iş yapmak zorunda olduğunuzu bana bildirin ve yardım etmeye çalışacağım. https://github.com/gadicc/meteor-messageformat/ –

+0

Farklı hata mesajlarını doğru şeritte nasıl gösteriliyor? –

8

meteorite kullanmak isterseniz, popüler olanı görmek için atmosphere packages numaralı telefondan arama yapabilirsiniz. Şu anda jqBootstrapValidation kullanıyorum. Geçmişte validate.js'u kullandım, fakat şu anda bootstrap entegrasyonu ile bir şeyler yapmayı tercih ediyorum. parsley.js'un havalı çocuklarla popüler olduğunu duyuyorum, ancak bu yazı için akıllı bir paket yok - ancak solve'a kadar bu kadar kolay.

+0

adresinde bulunabilir. Bu paketler Meteor'dan çıktı? Bu Meteorite şey gerekli mi? Neden? Standart olmayan bir paket formatı olduğu için mi? Şerefe! –

+2

Meteor sadece bir avuç paketle gelir. Topluluk tarafından oluşturulan paketleri kurmak için meteoreye ihtiyacınız var. Cevabımdaki son bağlantıyı görüyorsanız, projenize basit ön uç lib'leri dahil etmek için yeterince kolaydır. Öyleyse, yok, meteorit yüklemenize gerek yok, ama birçok kişi bunu çalıştırıyor çünkü paketleri daha kolay kuruyor, ama size kalmış. –

+0

Teşekkürler bu yardımcı oldu! –

5

Zaten Meteor parçası olarak Tracker var, bu yüzden tipik bir form doğrulama senaryosu uygulamak için nasıl kullanılacağı üzerinde Birlikte küçük öğretici ve JSfiddle koydu. Zaten biliyorum ki

http://bit.ly/meteor-form-validation-fiddle

+0

Merhaba Dean, daha önce simpleSchema kullanmayı denediniz mi? Sadece birkaç form içeren basit bir uygulama için çok fazla olabilir, ancak birçok formu olan büyük bir uygulama için, tüm ayrıntıları kendiniz uygulamak zorunda olduğunuz kuralcı yaklaşımdan çok daha üretken olduğunu gördük. Çok az çaba ile ne kadar işlevsellik elde edeceğinizi görmek için bu demoya göz atın! https://github.com/aldeed/meteor-autoform#demo –

+2

Bazen form, sahip olduğunuz bir veritabanı için değil (veya bir API çağrısı için), bu yüzden kendinizin nasıl yuvarlanacağını göstermeyi planladım. İpucu için teşekkürler. –

+3

Aslında, bu hiç de önemli değil, şemayı hala sahip olduğunuz ya da sahip olmadığınız bir veritabanı için doğrulama sağlamak için kullanabilirsiniz. Aslında verileri bir ORM ya da herhangi bir şey gibi mongo'ya yazmaz. Bunun üzerinde kontrole sahipsin. Örneğin Stripe API'sı için ödeme bilgilerini doğrularken bile SimpleSchema ve autoform kullanıyoruz. –