JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js"></script>
<html>
    <body>
    
        <form name="test-form" id="test-form">
            <input type="text" class="email required" name="email"/>
            <br />
            <button type="submit">Submit</button>
        </form>            
    </body>

</html>

JavaScript

var messages = {
    email: {
        required:"Email is required field. Please enter valid email address",
        email:"Please enter valid email address",
    }
};

$(function(){
    $("#test-form").validate({ 
        onfocusout:false,
        onkeyup:false,
        messages:messages
    });
});