JSFiddle - React, Tailwind, and code Playground

by Sambora

HTML

<script src="//cdnjs.cloudflare.com/ajax/libs/jQuery-Validation-Engine/2.6.4/jquery.validationEngine.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jQuery-Validation-Engine/2.6.4/languages/jquery.validationEngine-en.js"></script>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/jQuery-Validation-Engine/0.1.0/validationEngine.jquery.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.min.css">
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/js/bootstrap.min.js"></script>
<div class="row-fluid sortable">
    <div class="box span12">
         <div class="box-header well" data-original-title>
              <h2><i class="icon-picture"></i>Change Password</h2>
         </div>
         <div class="box-content">
             <form action="#" id="fm">
                   <div class="control-group">
                       <label class="control-label" for="disabledInput">Email</label>
                       <div class="controls">
                            <input class="input-xlarge disabled" id="disabledInput" type="text" value="[email protected]" disabled=""/>
                       </div>
                   </div>
                   <input type="text" name="test" id="test" class="validate[required] text-input"/>
                   <input type="submit" name="submit"/>
             </form>
        </div>
    </div><!--/span-->
</div><!--/row-->

JavaScript

jQuery(document).ready(function(){
   // binds form submission and fields to the validation engine
   jQuery("#fm").validationEngine();
});