JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js"></script>
<form id="myForm" method="post" action="dostuff" enctype="multipart/form-data" class="labels-left">
<div class="select-group">
<fieldset>
<label for="NameTwo">Company Name *</label>
<input placeholder="Acme Co." type="text" name="CoName" value="" size="25" maxlength="80" id="NameTwo" class="required" required />
</fieldset>
<fieldset>
<label for="e2">Label 2</label>
<input placeholder="Acme Co." type="text" name="label2" value="" size="25" maxlength="80" id="label2" class="required" required />
</fieldset>
<fieldset>
<input type="submit">
</fieldset>
</form>
CSS
fieldset {
margin: 1em;
}
JavaScript
$(document).ready(function() {
$('#myForm').validate();
$('#myForm').valid();
$('label.error').hide();
$('input').focus(function() {
$(this).next('label.error').hide();
});
var code;
$('input').keyup(function(e) {
code = (e.keyCode ? e.keyCode : e.which);
if(code == 9) {
return false;
}
});
});