JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.8/jquery.validate.js"></script>
<form> 
<label for="test">test</label>
    <input name="test" /> 
   <input type="submit" value="Submit">
</form>

CSS

label.my-error-class {
    color:red;
}
label.my-valid-class {
    color:green;
}

JavaScript

$("form").validate({
    errorClass: "my-error-class",
    validClass: "my-valid-class",
    highlight: function (element, errorClass, validClass) {
        $(element.form).find('label[for="test"]')
        .addClass(errorClass);
    },
    unhighlight: function (element, errorClass, validClass) {
        $(element.form).find('label[for="test"]')
        .removeClass(errorClass);
    },
    rules: {
            test: {
                required: true,
                minlength: 12
            }
    }
});