JSFiddle - React, Tailwind, and code Playground
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();
}
this.switchLanguage = function() {
// If I localize later, nothing is changed.
ko.validation.localize({required: 'eh... sorta?'});
for (var prop in this)
if (ko.isObservable(this[prop]) && typeof(this[prop].valueHasMutated) === 'function')
this[prop].valueHasMutated();
};
};
ko.applyBindings(new InterviewTwo());