JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<form id="theForm" action="#">
<input type="radio" name="terms" id="terms1" value="Yes" class="required" title="You must select yes"> Yes
<input type="radio" name="terms" id="termsConditions2" value="No" class="required" title="You must select yes"> No
<br><br>
<input type="Submit" class="submitRequest" value="Submit">
<br><br>
* It should also give error msg if user selects no
</form>
CSS
label.error {
float:none;
color:red;
padding-left:.5em;
vertical-align:top;
display:block;
font-weight:700;
}
JavaScript
$(document).ready(function(){
$("#theForm").validate({
// Rules here
});
});