JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/ericmbarnard/Knockout-Validation/master/Src/knockout.validation.js"></script>
Name:<input type="text" data-bind="value: Name,event: { keyup: set}" />
<span data-bind="if: isSubmit">
<p data-bind="validationMessage: Name"></p>
</span>

<br/>
<input type="button" value="submit" data-bind="click: save" />

JavaScript

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

var vM = function () {
    this.isSubmit = ko.observable(false);
    this.Name = ko.observable().extend({
        required: true,
        number: true
    });
    this.errors = ko.validation.group(this);
};
vM.prototype.save = function () {
    this.isSubmit(true);
    if (!this.isValid()) {
        this.errors.showAllMessages();
    } else {
        alert("success");
    }
};
vM.prototype.set=function(){
 this.isSubmit(false);
};
ko.applyBindings(new vM());