JQuery + KO + ko-mapping + ko-validation Skeleton

JQuery, KO, ko-mapping, ko-validation skeleton.

by Jeroen Heijmans

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.4.0/knockout-debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout.mapping/2.4.1/knockout.mapping.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout-validation/2.0.3/knockout.validation.js"></script>
<p><input data-bind="textInput: txt"></p>
<p>txt = <span data-bind="text: txt"></span></p>
<hr>
<pre data-bind="text: ko.toJSON($root, null, 2)"></pre>

CSS

pre { font: 11px consolas; padding: 5px; background: #fafafa; border: 1px solid #ddd; }

JavaScript

function ViewModel() {
  var self = this;
  self.txt = ko.observable("Foo bar");
}

ko.applyBindings(new ViewModel());