條件驗證在淘汰賽

Question

我試圖添加驗證了電話號碼，

我需要它然而需要我只想強制執行模式，如果該國是美國 這是我有，但它失敗當我有加拿大或任何其他國家選擇

self.phone = ko.observable().extend({ 
     required: { 
      onlyIf: function() { 
       return self.country() == "US"; 
      } 
     }, 

     pattern: { 
      message: 'Please enter a valid phone number in ###-###-#### format', 
      params: /^(\d{3}-\d{3}-\d{4})$/ 
     } 
    }); 

Answer 1

很簡單。只需添加相同onlyIf條件pattern驗證

function ViewModel() { 
 
    var self = this; 
 
    self.country = ko.observable(); 
 
    self.phone = ko.observable().extend({ 
 
    required: true, 
 

 
    pattern: { 
 
     message: 'Please enter a valid phone number in ###-###-#### format', 
 
     params: /^(\d{3}-\d{3}-\d{4})$/, 
 
     onlyIf: function() { 
 
     return self.country() == "US"; 
 
     } 
 
    } 
 
    }); 
 
    
 
    self.errors = ko.validation.group(self); 
 
    
 
    self.isValid = function() { self.errors.showAllMessages() } 
 
    self.clear = function() { self.errors.showAllMessages(false) } 
 
} 
 

 
ko.applyBindings(new ViewModel());

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout-validation/2.0.3/knockout.validation.min.js"></script> 
 
Country <input data-bind="textInput: country"><br><br> 
 
Phone <input data-bind="textInput: phone"><br><br> 
 
<button data-bind="click: isValid">Show Errors</button> 
 
<button data-bind="click: clear">Clear</button>