JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<body>
</body>
    <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
        <script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js"></script>
    <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.4.3/underscore-min.js"></script>
        <script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/backbone.js/0.9.2/backbone-min.js"></script>    
<script type="text/template" id="loginTemplate">
    <form id="myform">
    <label>Username</label>
    <input type="text" name="username" id="username" data-val="true" data-val-required="user name required"/><span data-valmsg-for="username" data-valmsg-replace="true"></span>
    <input type="button" id="submit" value="Validate"/>
    </form>
</script>
</html>

JavaScript

$(document).ready(function() {



    var loginView = Backbone.View.extend({
        template: $("#loginTemplate").html(),
        events: {
            "click #submit": "validateForm"
        },
        render: function() {
            var tmpl = _.template(this.template);            
            this.$el.html(tmpl);
            _.defer( function(){ $.validator.unobtrusive.parse(tmpl); });            
            return this;
        },
        validateForm: function() {
            $("#myform").data('unobtrusiveValidation').validate();
        }
    });

    var instance = new loginView();
    instance.render().$el.appendTo("body");

});