JSFiddle - React, Tailwind, and code Playground

HTML

<html>
<head>
<script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.6.4.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.js" type="text/javascript"></script>
</head>
<body>
<form>
 <label for="DollarAmount">Foo</label> <input class="text-box single-line" data-val="true" data-val-number="The field Foo must be a number." data-val-required="The Foo field is required." id="Foo" name="Foo" type="text" value="" />
 <span class="field-validation-valid" data-valmsg-for="Foo" data-valmsg-replace="true"></span>
                <br/>
               Bar: <input type="text"/>
                </form>
                </body>
                </html>

CSS

.field-validation-error
{
    color: #e80c4d;
    font-weight: bold;
}

.field-validation-valid
{
    display: none;
}

input[type="text"].input-validation-error, input[type="password"].input-validation-error
{
    border: solid 1px #e80c4d;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid
{
    display: none;
}