Knockoutjs doğrulamaları areSame veya mustMatch örnekleri

Question

GitHub'dan Knockoutjs Doğrulama eklentisini kullanmaya çalışıyorum. Çoğu sadece iyi çalışıyor gibi görünüyor ama genişletilmiş doğrulama mustEqual (parola/onaylama parolası) kullanmaya çalıştığınızda, hiçbir şey yapmıyor gibi görünüyor. Neyi kaçırıyorum?

Gelecekte kullanım için bu genişletici tekniğini öğrenmek isterim.

(aynı zamanda tüm bu html ve javascript AJAX çağrı yoluyla sayfaya yüklenen olsun. Bunun bir ilgisi varsa.)

Benim javascript

function UserAccount(data) { 
     var self = this; 
     self.Password = ko.observable(data.Password).extend({ required: true, minlength: 6, message: "Password is required", maxLength: 12 }); 

     self.Firstname = ko.observable(data.Firstname).extend({ required: true, minlength: 6, message: "Firstname is required", maxLength: 40 }); 
     self.Lastname = ko.observable(data.Lastname).extend({ required: true, minlength: 6, message: "Lastname is required", maxLength: 40 }); 
     self.Email = ko.observable(data.Email).extend({ required: true, minlength: 6, message: "Email is required", email: true, maxLength: 90 }); 
     self.ConfirmPassword = ko.observable().extend({ mustEqual: self.Password()}); 
     ...........................Other Code............ 
     } 

    ko.validation.rules['mustEqual'] = { 
     validator: function (val, otherVal) { 
      alert("Hello"); 
      return val === otherVal; 
     }, 
     message: 'The field must equal {0}' 
    }; 
    $(document).ready(function() { 


     ko.applyBindings(new UserAccount(initdata), $("#UserAccount").get(0)); 
     ko.validation.registerExtenders(); 

    }); 

Answer 1

Size özel doğrulayıcı kodu sorun yok. Ancak, doğru olarak ko.validation.registerExtenders(); yöntemini çağırmıyorsunuz.

açıkça belirtildiği ama sen ko.applyBindings aradığınız ko.validation.registerExtenders(); önce aramak gerekmez rağmen.

Yani kodunuzu düzeltmek için sadece yazmak gerekir:

$(document).ready(function() { 
    ko.validation.registerExtenders(); 
    ko.applyBindings(new UserAccount(initdata), $("#UserAccount").get(0)); 
}); 

Ama başka bir sorun karşı karşıya gelecek: mustEqual doğrulayıcı statik değerler karşılaştırmak içindir Eğer ikisini karşılaştırmak istiyorsanız işe yaramaz böylece Şifreyi onaylamak için şifre gibi özellikler. İhtiyacınız ne

user contributed "Are Same" validator gibi bir şey:

ko.validation.rules['areSame'] = { 
    getValue: function (o) { 
     return (typeof o === 'function' ? o() : o); 
    }, 
    validator: function (val, otherField) { 
     return val === this.getValue(otherField); 
    }, 
    message: 'The fields must have the same value' 
}; 

sizin gibi kullanabilirsiniz Ne:

self.Password = ko.observable(data.Password).extend({ 
    required: true, 
    minlength: 6, 
    message: "Password is required", 
    maxLength: 12 
}); 
self.ConfirmPassword = ko.observable().extend({ 
    areSame: self.Password 
}); 

Demo JSFiddle.