JSFiddle - React, Tailwind, and code Playground

by Kikketer

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/knockout/3.1.0/knockout-min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/knockout-validation/1.0.2/knockout.validation.min.js"></script>
<input data-bind='value: phone' />
<div data-bind="text: phone"></div>
<button type='button' data-bind="click: v">Validate</button>
<button type='button' data-bind='click: switchLanguage'>Switch Language</button>

JavaScript

ko.validation.configure();

var InterviewTwo = function() {
    this.phone = ko.observable().extend({required: true});
    
    this.errors = ko.validation.group(this);
    
    this.v = function() {
        this.errors.showAllMessages();
    }
};

ko.applyBindings(new InterviewTwo());