JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js"></script>
<form>
<div id="error" style="display:none"></div>       
<label for="test">Выберете элемент</label>
<select id="test" name="test">
<option value="1">первый элемент</option>
<option value="2">второй элемент</option>
<option value="3">третий элемент</option>
</select>    
</form>

CSS

#error {
    color: white;
    background: red   
}

JavaScript

$.validator.addMethod("notfirst", function(value, element) {
  if( $(element).find('option').filter(':first').val() != value)  return false;
  else return true;
},
"Выбран не первый элемент списка")

$('form').validate({
	rules: {	
		test: 'notfirst' 
	},
    errorPlacement: function(error) {      
        error.appendTo( $('#error') );      
    },
    onfocusout: false,
    onclick: false,
    showErrors: function(errorMap, errorList) {
        $('#error').hide()	
        this.defaultShowErrors();
        $('#error').fadeIn(1000);
	}      
});

$("#test").change(function() { $('form').valid() });