JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<form name="test" id="test">
<select name="child_class" class="drop-select-2">
    <option value="" >Choose...</option>
    <option value="1" >1</option>
    <option value="2" >2</option>
</select>
    <input type="submit"/>
</form>

JavaScript

// validate edit Category form when it is submitted
	jQuery("#test").validate({
		errorElement: 'div',
		 errorClass:'errorjQuery',		
		rules: {
		
			'child_class': {
				required: true					
			}							
		},
		messages: {
			
			'child_class': {
				required: "Please choose 1 value.",
			}				
		},
		errorPlacement: function(error, element) {
			error.appendTo(  element.parent()  );
			$(".error-message").remove();			
		},

		submitHandler: function(form) {
			jQuery('input[type=submit]', form).attr('disabled', 'disabled');			
			idd = form.attr("id");			
			form.submit();			
		}
	});