Нокаут пользовательская проверка ajax issue

Question

Я пытаюсь проверить, является ли почтовый индекс, введенный в поле формы, действительным для состояния, выбранного из раскрывающегося списка в предыдущем поле. У меня есть все данные в таблице и я могу подтвердить использование вызова ajax. Мой код ниже позволяет мне сделать ajax-вызов возвратом true/false, но я не уверен, как вызвать проверку, основанную на возвращаемом значении. У кого-нибудь есть идея?

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

ko.validation.rules["isValidZipCode"] = 
    { 
     getValue: function (o) { 
      return (typeof o === 'function' ? o() : o); 
     }, 
     validator: function (val, fields) { 
      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) { 
         return true; 
        } else { 
         return 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

Похоже, что вам нужно установить флаг асинхронного от определения проверки, а затем вы можете вернуть результат параметра обратного вызова. Reference

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) { 
       callback(isValid); 
      }, 
      error: handleSubmitError 
     }); 

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

Answer 2

вы делаете проверку асинхронной. Вы должны обращаться с 3-ем аргументом validator:

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); // HERE 
       } else { 
        callback(false); // HERE 
       } 
      }, 
      error: handleSubmitError 
     }); 

     return; 
    },