JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js"></script>
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="https://raw.github.com/gist/957732/c383911d049feaf4a10fef7fcfc8adb27e5e49d5/jquery.validate.hooks.js"></script>
<form id="form" class="form-horizontal">
<fieldset>
    <legend>Form</legend>
<div class="control-group">
    <label class="control-label" for="value">Required Last Name</label>
    <div class="controls">
        <input class="input-xlarge" data-val="true" data-val-length="The field LastName must be a string with a maximum length of 10." data-val-length-max="10" data-val-required="Required" id="LastName" name="LastName" type="text">
        <span class="field-validation-valid help-inline" data-valmsg-for="LastName" data-valmsg-replace="true"></span>
                </div>
</div>
    <input type="submit" name="submit" />
</fieldset>
</form>

JavaScript

$('form').addTriggersToJqueryValidate().triggerElementValidationsOnFormValidation();
$('input').elementValidation(function(element, result) {
    var el = $(element);
    if (el.hasClass('input-validation-error')) {
        el.parents('div.control-group').addClass('error');
    } else {
        el.parents('div.control-group').removeClass('error');
    }
});