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">

    <label>Username</label>
    <input type="text" name="username" id="username" data-val="true" data-val-required="true"/><span data-valmsg-for="username" data-valmsg-replace="true"></span>
    <input type="button" id="submit" value="Validate"/>
</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);
            $.validator.unobtrusive.parse(tmpl);
            this.$el.html(tmpl);
        return this;
        },
        validateForm:function(){
            //$(this.$el).validate();
        }
    });
    
    var instance = new loginView();
    instance.render().$el.appendTo("body");


});