Нестандартная проверка нокаута с проблемой вызова AJAX

Question

Моя пользовательская проверка будет проверять, является ли почтовый индекс, введенный в поле формы, действительным для состояния, выбранного из выпадающего списка в предыдущем поле. Он отлично работает, когда я сначала выбираю состояние, а затем вводим допустимый/недопустимый почтовый индекс. Однако, если он проверяет, а затем я выбираю другое состояние, сообщение об ошибке проверки не запускается. Может ли кто-нибудь сказать мне, что мне не хватает, и почему он не повторяет проверку?

Пользовательские проверки:

ko.validation.rules["isValidZipCode"] = 
    { 
     async: true, 
     getValue: function (o) { 
      return (typeof o === 'function' ? o() : o); 
     }, 
     validator: function (val, fields, callBack) { 
      var self = this; 
      var anyOne = ko.utils.arrayFirst(fields, function (field) { 
       var val = self.getValue(field); 

       if (val === undefined || val === null) 
        return "";     
       return true; 
      }); 

      var ajaxData = { state: anyOne, zipCode: val } 
      $.ajax({ 
       url: $("a#ValidateZipByState").attr("href"), 
       type: "POST", 
       data: ajaxData, 
       success: function (isValid) { 
        if (isValid) { 
         callBack(true); 
        } else { 
         callBack(false); 
        } 
       }, 
       error: handleSubmitError 
      }); 

      return; 
     }, 
     message: "Invalid zip code for this state" 
    }; 

ViewModel:

self.State = ko.observable(model.State).extend({ required: true }); 
self.ZipCode = ko.observable(model.ZipCode).extend({ required: true, pattern: /^[0-9]{5}(?:-[0-9]{4})?$/g, isValidZipCode: [self.State, self.ZipCode] }); 

Answer 1

Вы можете добавить подписку на государства и использовать ko.validation.validateObservable метод для запуска проверки на ZipCode - также, поскольку это правило проверки специфично для ZipCode, вы можете использовать анонимное пользовательское правило.

self.State = ko.observable("StateB").extend({ 
    required: true 
}); 

self.State.subscribe(function(){ 
    ko.validation.validateObservable(self.ZipCode); 
}) 

self.ZipCode = ko.observable(789).extend({ 
    validation: { 
     async: true, 
     validator: function (val, params, callback) { 
      setTimeout(function() { 
       var zips = stateZips.get(self.State()); 
       var exists = zips.some(function(zip) { 
        return zip == new Number(val); 
       }); 
       return callback(exists); 
      }); 
     }, 
     message: "Invalid zip code for this state" 
    } 
}); 

Полный пример здесь: JSFiddle

EDIT: Для того, чтобы государство инициировать проверку (без изменения ZipCode первого), вы должны использовать:

ko.validation.init({ messagesOnModified: false }); 

Answer 2

Похоже, правила проверки только прикреплены к ZipCode наблюдаемой поэтому обновление государственного значения само по себе не вызовет новая проверка. Вам нужно будет обновить состояние, а затем внести другое изменение в zipcode до того, как произойдет обновление, если я правильно пойму проблему.

Если так что вы можете попробовать это быстрый хак, чтобы получить подтверждение обновления при изменении состояния:

self.State.subscribe(function(newValue){ 
    self.ZipCode.valueHasMutated(); 
});