Slickgrid : Full grid validation

HTML

<html>

    <link rel="stylesheet" type="text/css" href="http://mleibman.github.io/SlickGrid/slick.grid.css">
    <script src="http://code.jquery.com/jquery-2.1.1.js"></script>
    <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.min.js"></script>
    <script src="http://mleibman.github.io/SlickGrid/lib/jquery.event.drag-2.2.js"></script>
    <script src="http://mleibman.github.io/SlickGrid/slick.core.js"></script>
    <script src="http://mleibman.github.io/SlickGrid/slick.grid.js"></script>
    <script src="http://mleibman.github.io/SlickGrid/slick.editors.js"></script>

     
    <button id='validationButton'>Validate</button>
    <div id="myGrid" style="width:600px;height:500px;"></div>

    <script>
        var grid;
        var data = [];
        var columns = [
            {id: 'id', name: "C1", field: "c2", width: 180}
        ];

        function Editor(args) {
            var $input, defaultValue;
            var scope = this;

            this.init = function() {
                $input = $("<INPUT type=text class='editor-text' />")
                        .appendTo(args.container)
                        .bind("keydown.nav", function(e) {
                            if (e.keyCode === $.ui.keyCode.LEFT || e.keyCode === $.ui.keyCode.RIGHT) {
                                e.stopImmediatePropagation();
                            }
                        })
                        .focus()
                        .select();
            };

            this.validate = function() {
                console.log("editor")
                console.log(args)
                if (args.column.validator) {
                    args.newValue = $input.val()
                    var validationResults = args.column.validator(args);
                    console.log(validationResults)
                    if (!validationResults.valid) {
                        return validationResults;
                    }
                }

                return {
                  ...