title: Knockout validation error class on input element
body: <p>I'm fairly new to Knockout and I'm encountering some issues when validating my form.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input data-bind="value: naam" type="text" name="naam" id="naam" placeholder="Naam" required /&gt;
  &lt;input data-bind="value: email" type="email" name="email" id="email" placeholder="E-mail" required pattern="@" /&gt;
  </code></pre>
  
  <p><strong>Knockout</strong></p>
  
  <pre><code>var OrderInfo = function(){
     var self = this;
  
     self.naam = ko.observable().extend({
         required: "true",
         minLength: 6
     });
  
     self.email = ko.observable().extend({
         required: "true",
         email: { 
             message: "Gelieve een geldig e-mail adres op te geven.", 
             params: true 
         }
     });
  };
  </code></pre>
  
  <p><strong>Problems</strong></p>
  
  <p>1) When I enter less than 6 chars at "naam", I get the message <code>Please enter at least 6 characters.</code>. Yet the class <code>valid</code> is given to the element. The e-mail input field gets the error class as it should. <br />
  2) When I log whether OrderInfo is valid, I always get true, even though I get the error messages;</p>
  
  <pre><code>self.OrderInfo = ko.validatedObservable(self.orderInfo);
  console.log("Valid: " + self.OrderInfo.isValid());
  </code></pre>
  
  <p>I have configured ko.validation like this;</p>
  
  <pre><code>ko.validation.configure({
     errorElementClass: 'error',
     decorateInputElement: true,
     decorateElementOnModified: true,
  });
  </code></pre>
  
  <p>Why is this working for the e-mail field but not the other fields? (I've only posted 1 other field but I got more, same issue for all.) What am I doing wrong?</p>