JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<form> 
  <input type="text" minlength=3 required>
  <input type="submit" value="Submit"> 
</form>

CSS

:valid {
    color: green;
} 
:invalid {
    color: red;
}

JavaScript

$("form input").on("invalid", function(e) {
		if(!this.validity.valid) {
        e.target.setCustomValidity("Este campo precisa ter no mĂ­nimo 3 caracteres"); 
    } 
});