JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8.1/jquery.validate.js"></script>
<form action="/post" method="post" style="">
    <select class="required" id="ACOID" name="ACOID" title="">
        <option value="">[ Please Select ]</option>
        <option value="1">Thailand ACO</option>
        <option value="2">India ACO</option>
        <option value="3">Malasia ACO</option>
        <option value="4">Japan ACO</option>
        <option value="5">Taiwan ACO</option>
        <option value="6">Vietnam ACO</option>
        <option value="7">Australia ACO</option>
        <option value="8">Newzealand ACO</option>
        <option value="9">Regional Headquarter</option>
    </select>
    <button type="submit"><span>Send</span></button>
</form>

CSS

.error
{
     background:Red;   
}

JavaScript

$(function()
{
    var form =$('form')
    var options =
    {
        errorPlacement: function(error, element)
        {
            element
                .removeAttr('title')
               ;
        },
        success: function(element)
        {
            element.removeAttr('title');
        }
    };
    
    form
        .validate(options)
        .submit(function()
        {
            if(!form.valid()) alert('not valid');
    
            return true;
        });            
                
});