JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<form method="POST" id="TestForm">
    <input name="txtIn" type="text" id="txtIn"><br />
<input name="txtIn1" type="text" id="">
    <p></p>
    <button id="submit">Submit</button>
</form>

JavaScript

$('#TestForm').validate({
    rules:{
        txtIn:{
            required: true,
            rangelength:[8,16]
        }  
    },
    messages: {
        txtIn:{
            required: "Please enter something",
            rangelength: "An error icon is here"
        }
    }
});