Knockout Validation funktioniert nicht so, wie ich will

Question

So verwende ich Knockout Validation, um Formulareingabe zu validieren, aber ich habe ein Problem.

So ist dies ein Beispiel aus der Sicht Modell:

self.firstName = ko.observable('').extend(
    { 
    required: { 
     params: true, 
     message: 'First Name Required', 
    } 
    } 
); 

... 

self.errorMessages = ko.validation.group(self); 

In der Ansicht Ich habe:

<div class="form-group" data-bind="validationElement: firstName"> 
    <label for="first-name" class="control-label col-sm-3"> 
     <span class="text-warning">*</span> First Name 
    </label> 
    <div class="col-sm-8"> 
     <input class="form-control" name="first-name" type="text" data-bind="value: firstName"/> 
    </div> 
</div> 

, wenn ich das Widget laden, zeigt das Formular die alle Validierungsfehler, wie zum Beispiel "Vorname erforderlich", lange bevor ich auf den Senden-Button klicke.

Gibt es etwas Spezifisches, das ich tun muss, um Validierungsfehler zu erhalten, die erst angezeigt werden, NACHDEM ich auf ein Formular geklickt habe?

Answer 1

In dieser Geige: http://jsfiddle.net/KHFn8/5424/, haben sie nicht die Bindung im HTML vorhanden, und das Formular validieren, wenn es eingereicht wird.