JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
<form id="theForm">

<input type="radio" name="terms" id="terms1" value="Yes" title="You must select yes"> Yes
&nbsp;&nbsp;
<input type="radio" name="terms" id="termsConditions2" value="No" checked="checked" title="You must select yes"> No
<br><br>    
<input type="Submit" class="submitRequest" value="Submit">    
    
<br><br>
 * It'll give an 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

$('form').validate({
rules:{
    terms: {min:"True"}
},
messages:{
    terms: {min:'you must accept terms to move on.'}
}
});