JSFiddle - React, Tailwind, and code Playground

by grahampcharles

HTML

<script src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.1.0.js"></script>
<script src="https://raw.github.com/AndersMalmgren/Knockout.Bindings/master/src/knockout.bindings.js"></script>
<form id="testform">
<input id="ItemTitle" data-bind="value: ItemTitle" data-val-required="The Title field is required." required />
    <button type="submit">Submit</button>

CSS

#splash {
    text-align: center;
}

JavaScript

ViewModel = function (title) {
    this.ItemTitle = ko.observable(title);
}


$("#testform").on("submit", function(e) {
    if ($(this).find("form").valid()) { 
         alert("now I'd be submitting");   
    }
    e.preventDefault();
});

ko.applyBindings(new ViewModel("Test Title"));