JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<form action="" method="post" class="form-horizontal" id="formA">
    <input type="text" name="name1" class="required" />
    <button id="formASend" type="submit" class="btn">Submit</button>
</form>
<form action="" method="post" class="form-horizontal" id="formB">
    <input type="text" name="name2" class="required" />
    <button id="formBSend" type="submit" class="btn">Submit</button>
</form>
<form action="" method="post" class="form-horizontal" id="formC">
    <input type="text" name="name3" class="required" />
    <button id="formCSend" type="submit" class="btn">Submit</button>
</form>
<a id="docs" href="http://docs.jquery.com/Plugins/Validation" target="_blank">Validation Documentation</a>

CSS

#docs {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
}

JavaScript

$(document).ready(function () {
                $.validator.addClassRules('required', {
                    required: true
                });
                $('#formA').validate();
                $('#formB').validate();
                $('#formC').validate();
});