Knockout Validation

by The Aqua

HTML

<script src="http://knockoutjs.com/downloads/knockout-3.3.0.js"></script>
<link rel="stylesheet" href="https://rniemeyer.github.com/knockout-kendo/css/kendo.common.min.css">
<link rel="stylesheet" href="https://rniemeyer.github.com/knockout-kendo/css/kendo.default.min.css">
<script src="https://kendo-labs.github.io/knockout-kendo/js/kendo.all.min.js"></script>
<script src="https://kendo-labs.github.io/knockout-kendo/js/knockout-kendo.min.js"></script>
<script src="https://rawgithub.com/ericmbarnard/Knockout-Validation/master/Src/knockout.validation.js"></script>
<span data-bind='text: "Errors: " + userdata.errors().length'></span>

<div class="col-xs-12 col-md-2" data-bind="validationElement: content">
  <input data-bind="kendoDatePicker: { value: content }" > </input>
  <span data-bind="validationMessage:content"><span class="label label-danger">    </span></span>
</div>

JavaScript

ko.validation.init({
        grouping: {
            deep: true,
            observable: false
        },
        insertMessages: true,
        messagesOnModified: true,
        debug: false
    });

    var usersViewModel = function () {
				this.content = ko.observable(new Date()).extend({ required: true});
    };

    var vm = new usersViewModel()

    ko.validation.group(vm.content).showAllMessages()

    ko.applyBindings(vm);