JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js"></script>
<form class="contact-form" type="post" action="">
    <input type="text" name="first_name" id="first_name" />
    <input type="text" name="last_name" id="last_name" />
    <input type="text" name="email" id="email" />
    <input type="submit" />
    <div class="form-errors"></div>
</form>

JavaScript

$(".contact-form").validate({
    ignore: ".ignore",
    rules: {
        first_name: {
            required: true
        },
        last_name: {
            required: true
        },
        email: {
            required: true,
            email: true
        }
    }, 
    showErrors: function(errorMap, errorList) {
        $(".form-errors").html("All fields must be completed before you submit the form.");
    }
});