JSFiddle - React, Tailwind, and code Playground

by barrycorrigan

HTML

<script src="http://harvesthq.github.io/chosen/chosen.jquery.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.13.1/jquery.validate.js"></script>
<link rel="stylesheet" href="http://harvesthq.github.io/chosen/chosen.css">
<form action="" id="myform">
    <select name="country" id="country" class="chosen">
        <option value="">select</option>
        <option value="1">india</option>
        <option value="2">Usa</option>
    </select>
<button>submit</button>    
</form>

JavaScript

$.validator.setDefaults({
    submitHandler: function() {
      return false
    },ignore: ":hidden:not(select)"
  });


$("#myform").validate({
    
     
      rules: {

        country:"required"
      
      },
      messages: {
        
        country:"please choose country"
       
      }
    });

$("#country").change(function(){
    $("#country").valid();
})