JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<form method='post' id='tform'>
    <select name="coverageAns" class='quesReq' id='id1'>
        <option value=''>Select</option>
        <option value="Indoor">Indoor</option>
    </select>
    <div class="errorHolder" id ='errorHolder'></div>
    <input type='text' id='id2' name='test'/>
    <div class="errorHolder" id ='errorHolder'></div>
    <input id='btnSave' type='button' onclick="javascript:formSubmit()" value='ok' />
</form>

JavaScript

$(document).ready(function() {
 
    $('form').validate({
        rules: {
			test: {required: true}
		},
		messages: {
			test: { required: 'required test'}
		},
		errorPlacement: function(error, element) {				
			$(element).next('#errorHolder').html( error );			
		}
    });
    
    $("#id1").rules("add", {
        required: true,
        messages: {
            required: "Required input"
        }
    });

});
function formSubmit(){
 if (!$("#tform").valid()) {			
		$("#tform").validate().focusInvalid();
		return false;
	}	
document.getElementById('tform').submit();
}