JSFiddle - React, Tailwind, and code Playground

by ccakn5870

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/knockout-validation/1.0.2/knockout.validation.min.js"></script>
<input type="text" data-bind="value: Name" />
<br />
<select data-bind="value: State">
    <option value="">Select a state...</option>
    <option value="NY">New York</option>
    <option value="NJ">New Jersey</option>
</select>

JavaScript

var ViewModel = function () {
     var self = this;
    
    self.Name = ko.observable().extend({
        required: { message: "You must enter a name." }
    });
    self.State = ko.observable().extend({
        required: { message: "You must select a state." }
    });
    
    self.Errors = ko.validation.group(self);
}

ko.validation.configure({
    messagesOnModified: false,
    insertMessages: true
});

ko.applyBindings(new ViewModel(), document.body);