JSFiddle - React, Tailwind, and code Playground
HTML
<form action="cmxform" method="POST" action="" name="crtPDF" id="tool_sbmt">
<table class="contentframework">
<tbody>
<tr>
<td class="contentframework-formdatalabel"><label for="Company Name"><strong>Company Name:</strong> </label></td>
<td><input id="comp-name" name="comp-name" class="contentframework-textfield" type="text" tabindex="1" /></td>
<td class="contentframework-formdatalabel"><label for="Client Name"><strong>Client Name:</strong> </label></td>
<td><input id="cli-name" name="cli-name" class="contentframework-textfield" type="text" tabindex="5" /></td>
</tr>
<tr>
<td class="contentframework-formdatalabel"><label for="Company Address"><strong style="white-space:nowrap">Company Address:</strong></label></td>
<td><input id="comp-add" name="comp-add" class="contentframework-textfield" type="text" tabindex="2" /></td>
<td class="contentframework-formdatalabel"><label for="Client Address"><strong>Client Address:</strong></label></td>
<td><input id="cli-add" name="cli-add" class="contentframework-textfield" type="text" tabindex="6" /></td>
</tr>
<tr>
<td class="contentframework-formdatalabel"> </td>
<td><input id="comp-add2" name="comp-add2" class="contentframework-textfield" type="text" tabindex="3" /></td>
<td class="contentframework-formdatalabel"> </td>
<td><input id="cli-add2" name="cli-add2" class="contentframework-textfield" type="text" tabindex="7" /></td>
</tr>
<tr>
<td class="contentframework-formdatalabel"><label for="Company Email"><strong>Advisor:</strong></label></td>
<td><input id="comp-advisor" name="comp-advisor" class="contentframework-textfield" type="text" tabindex="4" /></td>
<td class="contentframework-formdatalabel"> </td>
<td> </td>
</tr>
<tr>
...
CSS
#signupForm { width: 670px; }
#signupForm label.error {
margin-left: 10px;
width: auto;
display: inline;
color:red;
font-size:90;
}
JavaScript
$.validator.setDefaults({
submitHandler: function() { alert("submitted!"); }
});
$().ready(function() {
$("#signupForm").validate({
rules: {
comp-name: "required",
cli-name: "required",
comp-email: {
required: true,
email: true
},
messages: {
firstname: "Please enter your firstname",
lastname: "Please enter your lastname",
email: "Please enter a valid email address",
}
});
});