JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<form action="" method="post" id="SinglePmnt">
<table>
<tr>
<td>
<select name="technology" class="select" id="singleTech">
<option value="0" selected="selected"> Please Select</option>
<option value="Interactive Brokers"> Interactive Brokers</option>
<option value="MB Trading"> MB Trading</option>
<option value="Patsystems"> Patsystems</option>
<option value="PFG"> PFG (Peregrine Financial)</option>
<option value="TD AMERITRADE"> TD AMERITRADE</option>
<option value="Trading Technologies"> Trading Technologies</option>
<option value="Vision Financial Markets"> Vision Financial Markets</option>
<option value="Hosted"> Zen-Fire</option>
</select>
</td>
<td>Single Payment of $995</td>
<td>
<input type="hidden" name="item_number" value="34">
<input type="submit" class="orderNow" />
</td>
</tr>
</table>
</form>
</body>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$.validator.addMethod(
"SelectTechnology",
function(value, element) {
//var selectedCountry = $('#Country').val();
if ($("#singleTech").val() === '0'){
return false;
} else return true;
},
"Please Select a Technology"
);
var validator = $("#SinglePmnt").validate({
rules: {
technology: {
SelectTechnology: true
}
},
errorElement: "span",
...