KnockoutJS Doğrulaması için eşleme modelleri görüntüleme

Question

KnockoutJS, KnockoutJS Mapping eklentisi ve jQuery 1.7.1 kullanarak ASP.NET MVC 2'yi kullanarak bir sayfa yapıyorum. KnockoutJS Doğrulama eklentisini de kullanabilmeyi isterdim (here bulundu). Ancak hem sunucu hem de istemci tarafında doğrulamanın olması gerekiyor.

Görünüm modellerimin .extend() yöntemini kullanan KnockoutJS Validation plugin eşlemesi olması mümkün mü?

DÜZENLEME: Örnek. Otomatik olarak bu dönüş: Bu içine

[Required] 
public string Firstname { get; set; } 

:

var viewmodel = { 
    firstname: ko.observable().extend({ required: true }); 
} 

Answer 1

Mvc Controls Toolkit içinde knockout.js'de olağan Mvc doğrulamasını (veri ek açıklamaları veya her neyse) etkinleştiren bir motor uygulardım. İstemci tarafı ve sunucu tarafı doğrulaması etkinleştirilebilir. Ayrıca, nakavt Mvc yardımcıları ile kullanılabilir, bazı bağlamalar otomatik olarak çıkarılır, vb.

Answer 2

doğrulama eklentisi doğrulamak istediğiniz gözlenebilirleri uzatmak şekilde çalışır.

Eşlemelerden oluşturulup oluşturulmadığı önemli değil, yalnızca eşleme tamamlandıktan sonra çalıştırdığınız bir işlevi oluşturun ve istediğiniz tüm doğrulamayı ekleyin.

Veya isterseniz, doğrulama bağlantılarını kullanabilirsiniz. Nakavt doğrulaması için Github'daki Benioku dosyasını okuyun ve nasıl yaptığını görüyorsunuz.

Answer 3

Ben, bunu çağırmak gerekebilir MVC inşa clientside doğrulama kullanıyor tavsiye bu çalışacaktı:

$.validator.unobtrusive.parse(yourFormElement) 

Kodu dan: MVC2 mütevazi clientside doğrulama olsa varsa https://stackoverflow.com/a/5669575/941536

emin değil MVC3'e yükseltme yapmanız gerekirse sizin için bir seçenek olup olmayacağından emin olun.

Answer 4

Eğer knockoutjs ve jquery kullanıyorsanız, temel istemci tarafı doğrulaması yapmak için aşağıdaki çok basit bir yöntemle geldim.

<span name="validationError" style="color:Red" 
data-bind="visible: yourValidationFunction(FieldNameToValidate())"> 
* Required. 
</span> 

Açıkçası bunu yapmak istediğini yapmak için "yourValidationFunction" yazmak gerekir:

sayfanızda hata mesajı görüntülemek istediğiniz her yerde

, böyle bir yayılma etiketi bulunur. Sadece doğru ya da yanlış geri dönmesi gerekiyor, gerçek anlamı hatayı gösteriyor.

Herhangi bir doğrulama hatasının görüntülenmesi durumunda kullanıcının ilerlemesini önlemek için jquery'yi kullanabilirsiniz. Bu dışarı diğer birçok doğrulama çözümlerine kıyasla çok daha basit ve daha esnektir

if ($("[name='validationError']:visible").length > 0) { 
     alert('Please correct all errors before continuing.'); 
     return; 
    } 

: Muhtemelen zaten bazı ajax veya olursa ol bir javascript fonksiyonu tetikleyen bir tasarruf düğmesi vardır, bu yüzden sadece bunun üstündeki bu kapsar Orada. Hata mesajınızı istediğiniz yere konumlandırabilirsiniz ve bazı doğrulama kütüphanelerinin nasıl kullanıldığını öğrenmenize gerek yoktur ve bu yöntem sunucu tarafı teknolojisinden bağımsız olarak çalışır.